PNG优化 - 可以进一步优化PNG

Question

我在Photoshop中为我的网站创建了一个设计,并将所有图像导出为24位PNG图像.之后,在网站上运行PageSpeed测试表明,无损压缩可以将图像进一步缩小至50%.怎么会这样？Photoshop不会尽可能地压缩图像吗？Google PageSpeed在内部使用什么图像压缩程序,我可能想尝试一下.

Answer 1

看一下pngcrush,它是一个命令行工具,可以让你使用很多方法优化PNG文件.如果您更喜欢GUI,ImageOptim for Mac会嵌入pngcrush,但可以做更多.

Answer 2

实际上，压缩 PNG 比纯文本压缩更复杂。有许多不同的因素决定图像的最终尺寸。

例如，您说您使用 24 位 PNG。如果您的图像只有 256 色，则最好使用 8 位 PNG（保存前转换为索引颜色）。

然后，PNG 可以包含元数据（例如谁以及哪个程序创建了它们）。那个可以剥掉。等等。

如果你想真正最小化 PNG 文件大小，请查看optipng手册，了解应该转动哪些轮子的基本概念。

我的猜测是，Google Pagespeed 使用的实际二进制文件是无关紧要的。它会检查 PNG 的某些属性来决定 PNG 是否可以进一步缩小（OptiPNG 甚至链接在那里）。

编辑：前几天我发现了一个关于各种 PNG 类型的有趣主题：http://calendar.perfplanet.com/2010/png-that-works/