有些人可能认为图像优化这个话题是

mdruhul

个相当老套的话题。我们都曾在职业生涯的某个阶段学习过如何从图形软件导出到网络。我们中的一些人可能习惯于获取这些导出的图像并通过 ImageOptim 之类的工具运行它们。

德鲁·麦克莱伦：因此，我们可能知道，当它是摄影图像时，我们应该选择 JPEG；当它是基于图形的图像时，我们应该选择 PNG，并且认为，“好吧，就是这样。我知道图像优化，我已经完成了。” 但实际上，目前这些事情只是赌注，不是吗？

阿迪·奥斯马尼：是的，他们是。我认为，随着时间的推移，我们展示更详细、更清 美国电话号码表 晰的图像以及在不同环境下显示图像的能力，这取决于你是否关心艺术指导。我认为需要弄清楚如何让这些图像看起来像最终用户预期的那样漂亮，同时牢记他们的环境、设备限制、网络限制，这是一个难题，而且我知道很多人仍然存在这个问题奋斗与.

阿迪·奥斯马尼：因此，当谈到思考图像并对其进行稍微更精致的处理时，不仅仅是“嘿，让我们使用 JPEG”或“让我们使用 PNG”，我认为有几个方面值得牢记。第一个是一般压缩。您提到了 ImageOptim，我们很多人都习惯于将图像拖到某个位置，然后从其后面获取较小的东西。

阿迪·奥斯马尼：现在，当谈到压缩时，我们通常谈论不同的编解码器。编解码器是一种压缩技术，通常具有用于对文件进行编码的编码器组件和用于对文件进行解码和解压缩的解码器组件。当您决定是否使用某些东西时，通常需要考虑您正在使用的照片或图像是否适合您使用有损压缩方法或无损压缩方法。

阿迪·奥斯马尼：为了防止人们不太熟悉这些概念，无损方法是在解压缩的最后重现完全相同的文件。所以你并没有真正在质量方面损失太多。无损更多的是让您的图像通过传真机。您得到的是原件的传真件，但它不会是原始文件。那里可能有一些不同的文物。它可能看起来略有不同。但一般来说，压缩得越多，通常损失的质量就越多。

阿迪·奥斯马尼：因此，对于所有这些现代图像编解码器，他们试图了解在保持相对合适的文件大小的同时，您可以挤出多少质量，具体取决于用例。



德鲁·麦克莱伦：所以实际上，从技术的角度来看，您拥有源图像，然后拥有目标文件格式。但将一种转变为另一种的过程还有待商榷。只要你有一个合格的文件，你如何做到这一点取决于编解码器，该编解码器可以有许多不同的实现，并且其中一些会比其他实现更好。

阿迪·奥斯马尼：绝对地。绝对地。我认为，再次回到我们开始讨论 JPEG 和 PNG 的地方，人们可能知道 JPEG 是为照片的有损压缩而创建的。通常，您会从其背面获得较小的文件，并且有时可能会出现不同的条带伪影。PNG 最初是为无损压缩而创建的，在非摄影图像上效果很好。

阿迪·奥斯马尼：但从那时起，事情发生了变化。2010 年左右，我们开始获得对 WebP 的支持，它本来应该取代 JPEG 和 PNG，并在压缩方面比它们稍胜一筹。但从那时起，桌面上的图像格式和选项的数量就猛增了。我认为事情总体上正朝着好的方向发展，特别是对于 AVIF 和 JPEG XL 等现代格式。但我们花了一段时间才到达这里。即使在所有浏览器上获得 WebP 支持也需要相当长的时间。