减少图像加载时间?

时间:2011-05-09 02:22:15

标签: javascript css image compression loading

我想知道是否有其他方法可以压缩我的图像或任何可以加快页面速度的脚本/或幕后的图像?

该网站非常具有互动性,并为主要布局使用了高质量的图像层。我已经在Photoshop中保存了网页设备,并使用ImageOptim进行了重新压缩,有些是jpeg,但大部分都是png24以保持透明度,它们都是在CSS中设置的。

我已经使用了jpegs和css sprites,但我有一个特别是一个树插图拉伸整个网站的长度,这真的减慢了加载时间,有没有我可以进一步压缩这些图像或编码它们我错过了什么? 任何帮助都会非常感谢!

4 个答案:

答案 0 :(得分:2)

你说你是精神上的。那很好。

你也可以使用像PNGcrush这样的工具,它们试图通过丢弃元数据之类的东西来缩小文件。

您还应发送远距离过期标头并在图像上使用缓存断路器,以确保在不必要时不再下载图像。

答案 1 :(得分:1)

在Photoshop中,选择file->除了网络,您将能够找到尺寸和质量之间的最佳折衷方案。

答案 2 :(得分:0)

你真的需要那里的透明度吗?某些浏览器不支持PNG透明度,并且即使在高端计算机上也会使页面处理密集且缓慢,具体取决于图像大小和图层数量。如果您可以展示您的网站的某些内容,也许有人可以提供更多关于如何优化它的提示。

答案 3 :(得分:-1)

如果这是您的网络服务器,您可以使用Apache动态压缩它们。关于该主题的许多可用文章之一:http://www.samaxes.com/2009/01/more-on-compressing-and-caching-your-site-with-htaccess/