减少图像加载时间？答案

【问题标题】：Reducing image loading times?减少图像加载时间？
【发布时间】：2011-05-09 02:22:15
【问题描述】：

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

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

我尽可能使用 jpegs 和 css sprites，但是有一个特别是树插图拉伸整个站点长度，这确实减慢了加载时间，有没有我可以进一步压缩这些图像或编码它们与我错过的不同？任何帮助都会非常感谢！

【问题讨论】：

【解决方案1】：

你说你在发脾气。这很好。

您还可以使用诸如 PNGcrush 之类的工具，这些工具会尝试通过删除元数据等内容来缩小文件。

您还应该发送遥远的过期标头并在您的图像上使用缓存断路器，以确保在不必要时不会再次下载图像。

【讨论】：

嗨，pngCrush 像 ImageOptim 我试图下载一个版本，但似乎找不到一个有效的版本！就远期到期标头和缓存破坏器而言，这听起来有点先进，您是否知道从哪里开始，甚至是一个对实现此功能有一些好的建议的网站。我的网站目前使用 php、mysql、ajax 和 jQuery。任何建议都会非常感谢！
@Louise 基本上，你告诉浏览器不要再下载我一年了。这会阻止浏览器再次不必要地请求您的图像。如果你改变它们，你会附加一个随机字符串（可以是修改时间），它显示为一个新的 URL，强制浏览器下载这个 new 资产。

【解决方案2】：

在 Photoshop 中，选择文件-> 保存为网络，您将能够找到大小和质量之间的最佳折衷。

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

【讨论】：