图像优化等同于压缩吗？

压缩只是图像优化的一项技术。优化还包括选择合适的格式、调整到适当尺寸、删除元数据，以及借助延迟加载或 CDN 提高图像交付效率。

优化一定会降低画质吗？

不一定。格式转换、删除元数据、无损压缩和合理调整尺寸，都可以在不产生可见画质损失的情况下减小文件。

差异很大。仅使用无损压缩，优化不佳的 PNG 截图通常就能缩小 50%–80%。再转换格式（例如从 PNG 转为无损 WebP），还可能额外节省 20%–30%。

应该。包含文字和清晰边缘的截图更适合 PNG 或无损 WebP 等无损格式。照片更能承受有损压缩。对文字较多的截图使用有损压缩会降低可读性。

两个阶段都可以。截图时就选择合适的尺寸和格式，可从一开始避免多余数据；截图后再进行压缩、删除元数据和格式转换。

图像优化是减小图像文件并改善交付方式，同时尽量不造成肉眼可见画质损失的过程。它能让页面加载更快，并减少带宽占用。

图像通常是网页上体积最大的资源。未经优化的图像会拖慢页面加载、增加带宽成本，还会影响搜索排名。Google 把页面速度作为排名信号，而图像往往是页面变慢的主要原因。

对于批量制作视觉内容的团队，例如文档截图、产品截图和营销素材，这种影响会不断累积。在知识库中嵌入 100 张未经优化的 PNG 截图，可能平白增加数百 MB 的数据。经过合理优化后，同样的内容加载更快，交付成本更低，读者的使用体验也更好。

优化不只是把文件变小，还要用合适的格式和尺寸，以更合理的方式交付正确的图像。

选择格式——根据内容类型选择合适的格式。含文字的截图可使用 PNG 或无损 WebP，照片可使用有损 WebP 或 AVIF；需要更广泛兼容性时，可用 JPG 作为后备格式。
压缩——使用无损或有损压缩来减小文件。无损压缩会删除冗余数据，不影响画质；有损压缩则会舍弃人眼不易察觉的数据。
调整尺寸——按照实际显示尺寸提供图像。宽度为 3,000 像素的截图若只显示为 800 像素，多出的数据只会浪费带宽。应把图像调整到目标显示尺寸。
删除元数据——清除显示图像不需要的 EXIF 数据、色彩配置文件和其他元数据。这项操作可能为每张图像节省数 KB。
延迟加载——先不加载屏幕外的图像，等用户滚动到附近时再加载。图像本身不变，但页面首次加载所需时间会减少。
响应式图像——利用 srcset 和 sizes 属性，根据用户的屏幕尺寸和分辨率提供不同大小的图像。

截图的内容特点决定了适合它的优化方式。截图通常包含大面积纯色、清晰文字和精确的界面边缘，因此无损格式更能保持视觉还原度。

最有效的截图优化方法往往也最简单：一开始就按合适的尺寸和格式截取。部分截图工具允许在截图前设置输出格式、视口大小和设备像素比，从而省去后续调整尺寸和转换格式的步骤。

在批处理流程中，自动优化管线可以一次压缩、转换和调整数百张截图，避免逐张操作，也能控制输出文件的体积。

对于大量使用截图的流程，可以保留一份无损母版，再为博客、文档和社交媒体素材生成更小的发布副本。这样既保留干净的源文件，又能让已发布页面快速加载。

把小图放大，而不是把大图缩小。 放大小图只会生成更大的文件和模糊的插值像素。应按所需的最大尺寸截图，再向下调整。
对文字较多的截图使用有损压缩。 JPG 等有损格式会在清晰边缘和文字周围产生压缩伪影，降低内容的可读性。凡是需要阅读文字的截图，都应使用无损压缩。
只优化一次，之后不再处理。 新内容会持续加入。没有自动处理管线时，未经优化的图像会逐渐混回项目。应把优化纳入截图和发布流程。
忽视显示尺寸。 宽度为 4,000 像素的截图若只显示为 800 像素，就会浪费带宽。应根据显示场景调整尺寸，并用响应式图像为不同屏幕提供相应大小的文件。