优化图像深度

今年我重新学习到一个重要知识点：密切关注图像的位深度。过去，我们常常纠结于GIF图像的2位、4位或8位颜色深度，因为当时许多用户使用拨号调制解调器上网，每个KB都很重要。

现在，大多数人使用宽带连接互联网，但你猜怎么着？每个KB仍然很重要！因为并非每个人都能使用宽带，尤其是在移动领域；而且，任何能够减少页面渲染时间的优化都值得尝试。我之前以为优化工具会处理诸如颜色深度优化之类的琐碎事情，但事实并非如此。

这对于PNG图像尤其如此。默认情况下，许多图像编辑工具会以2^24颜色深度保存PNG图像，以防万一。

对于照片来说，这样做有一定的道理（尽管如果是照片，你应该将其保存为JPG或WebP格式），但对于徽标和图标之类的图像，这大约比你实际使用的颜色多2^24种。

因此，在我的首选图像编辑器Acorn中，我特别注意在导出对话框中降低PNG图像的位深度。在许多情况下，我通过将颜色索引到包含256个或更少值的调色板，将图像大小减少了80%或更多，而不会损失视觉保真度。（再次强调，我这里说的不是照片。）

以下是一个示例：

全彩色深度的PNG图像大小约为379KB。限制为32色调色板后，大小为61KB。这只是导出时的尺寸：一旦我使用ImageOptim对其进行处理，优化后的尺寸分别为359KB和48KB。仅仅通过降低颜色深度，就能节省大约85%的重量。如果我部署图像后发现需要更多颜色，我可以重新运行该过程以使用64种颜色：在这种情况下，最终大小为73KB，仍然节省了巨大空间。

通过肉眼减少颜色深度显然比将优化脚本应用于图像目录更费力，但根据我的经验，这种方法在图像大小和用户体验方面效率更高。而这才是这一切的核心，不是吗？

以上是优化图像深度的详细内容。更多信息请关注PHP中文网其他相关文章！