图像优化

Question

我想知道像使用yslow将图像（gif或jpeg）转换为png8 smushit会提高网站性能的速度吗？将在ie6中工作？

Answer 1

这取决于图像。 PNG适用于具有彩色块的图像，而jpeg适用于照片类型的图像。 Smushit将删除任何多余的字节，减少文件大小，但是如果在单独文件中有许多小图像，则应考虑对它们进行精简以减少加载页面所需的连接数。

减少文件大小将有所帮助，但减少文件数有助于最大（通常）。

Answer 2

有许多这里涉及的因素：

• 在图像
• 大小在图像
• 速度（兆）字节的像素的尺寸在所述图像可以是发送给用户。这是您的服务器速度和用户连接速度的组合。
• 浏览器读取图像并将其转换为位图以供显示的时间
• 用户计算机/图形卡组合的速度。

我不知道，将图像转换为PNG将会使您的网站的表现这么大的区别，除非你知道的瓶颈是由于您的图像的大小（以字节为单位）。如果用户的连接速度很慢，那么这不会有帮助。

Answer 3

你的问题非常模糊。无论如何，我会尽力回答。

首先，性能有两个端点：您的站点的查看器和它运行的机器。由于允许页面加载速度更快，因此查看器肯定会受益于更小的（关于文件大小）图像。对于服务器来说，差异通常并不重要，除非您接近连接的峰值带宽。

对于（非动画）GIF图像，转换为PNG8应该无痛且有益，因为PNG压缩要好得多。此外，Internet Explorer 6不会出现使用1位Alpha通道显示PNG图像的问题（这基本上也是GIF所具有的）。当使用8位alpha通道时，IE6将会有显示伪像。

将JPEG图像转换为PNG几乎肯定会增加文件大小并且不会提高图像质量，所以我建议不要这样做。

Answer 4

它会使它更快下载。由于PNG（AFAIK）使用更好的压缩算法，因此PNG（AFAIK）的文件总是比GIF小。虽然像Photoshop这样的程序会增加一些元数据的开销。它也是无损的，这意味着你不会失去任何图像的质量。

它将在IE6中工作，因为它支持PNG8。 IE6不支持具有24位Alpha透明度的PNG。有一个hack，但它不是最佳的，但它总比没有好。