2011-05-09 93 views
1

我想知道是否有任何其他方法来压缩我的图像或任何脚本,可以加载页面更快/或幕后图像?减少图像加载时间?

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

我已经使用jpegs和css sprites,但我可以但是有一个特别的树插图strecure整个站点的长度,这是真的放慢加载时间,有没有我可以进一步压缩这些图像或代码他们不同,我错过了? 任何帮助将非常感谢!

回答

2

你说你是敏感的。那很好。

您还可以使用诸如PNGcrush之类的工具,通过删除元数据等方式尝试缩小文件的大小。

您还应该发送很远的到期标题并在图像上使用缓存断路器,以确保在不必要的情况下不会再次下载图像。

+0

嗨,是像ImageOptim pngCrush我试图下载一个版本,但似乎无法找到一个工程!就遥远的过期头文件和缓存断点程序而言,这听起来有点高级,你会知道从哪里开始,甚至是哪个网站有一些很好的建议来实现这一点。我的网站此刻使用php,mysql,ajax和jQuery。任何建议将非常感谢! – 2011-05-09 10:51:31

+0

@Louise基本上,你告诉浏览器*不要再次下载我一年*。这会停止浏览器不必要地再次请求您的图像。如果你改变它们,你会附加一个随机的字符串(可以是修改时间),它显示为一个新的URL,强制浏览器下载这个*新*资产。 – alex 2011-05-09 11:02:32

1

在Photoshop中,选择file-> save for web,您将能够找到尺寸和质量之间的最佳折中方案。

+0

您也可以查看关于PNG压缩算法的建议,并对图像进行视觉模糊的更改,使其在PNG中更具可压缩性。 – rwong 2011-05-09 03:16:19

0

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