减少内存中的图像大小

时间:2012-12-24 08:44:57

标签: javascript html css

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

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

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

ps2:我无法访问服务器,因此服务器端调整大小是不行的

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)

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

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

另请查看this question

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