2

在浏览器下载图像后,我是否正确地认为即使使用 css 将图像调整为更小,内存占用仍然与图像在浏览器内存中保持不变一样?

如果是这样,有没有办法实际减小图像的大小,以便占用更少的内存,并且在滚动/平移操作期间不会过多影响显示性能?

ps:这个问题对于“传统”网页可能没有多大意义,但在显示许多不同大小的图像的单页Web应用程序的上下文中非常重要(至少对我来说)页面和浏览器内存显示新页面时不会“刷新”。

ps2:我没有访问服务器的权限,所以服务器端调整大小是不行的

4

2 回答 2

2

您可以使用 imagemagick http://www.imagemagick.org/script/index.php之类的东西重新调整服务器端 这有许多不同编程语言的绑定

于 2012-12-24T08:51:54.793 回答
1

CSS 缩放通常不会减少内存占用。我认为它实际上可能会增加它,因为浏览器必须缓冲/缓存图像的缩放版本原始版本。

我认为您可以使用Canvas API来有效地绘制较小版本的图像并改用它。

也看看这个问题

另外,如果您知道图像的有效最终尺寸,您当然可以在 Web 服务器上执行此操作并缓存较小的版本。这应该提供某种程度的向下兼容性。

于 2012-12-24T08:48:13.067 回答