图像压缩

图像压缩是在保持可接受视觉质量的同时减小图片文件，让图片在网页上更容易分享、上传、存储和加载。

有损压缩与无损压缩

无损压缩会在不移除任何图片数据的情况下减小文件，解压后的图片与原图完全相同。PNG 使用无损压缩，因此适合需要清晰文字和准确颜色的截图。

有损压缩会丢弃一些人眼不易察觉的图片数据，从而减小文件。JPG 使用有损压缩，最终文件更小，但无法完全恢复原始画质。使用适中设置时，差异很难发现；设置过低时则会出现明显瑕疵，文字和锐利边缘周围尤其突出。

WebP 同时支持有损和无损压缩，在画质相当的情况下，生成的文件通常比 JPG 或 PNG 更小。

哪些场景需要图像压缩

• 网页性能——大图片会拖慢页面加载。压缩后的图片加载更快，使用的带宽也更少。
• 分享与邮件——较小的文件更容易作为附件，也能更快发送。
• 存储——压缩图片占用的磁盘空间更少，大批量截图时尤其重要。
• 截图流程——批量截图可能生成数百张图片，压缩可以控制总输出大小。
• 文档——文档或 PDF 中嵌入的截图需要在画质和文件大小之间取得平衡。

常见格式及其压缩方式

• PNG——无损。最适合包含文字、UI 元素和纯色区域的截图。文件可能较大，但画质准确。
• JPG——有损。最适合照片和渐变画面。文件较小，但可能在锐利边缘和文字周围产生瑕疵。
• WebP——同时支持有损和无损压缩。在画质相当时，文件通常比 PNG 或 JPG 更小，现代浏览器已广泛支持。
• AVIF——压缩率优秀的新格式。浏览器支持范围仍在扩大，尚未覆盖所有环境。

图像压缩的常见问题

• 过度压缩含文字的截图。 激进的有损压缩会使文字变模糊，并在锐利边缘周围产生瑕疵。文字清晰度重要时，应使用 PNG 或无损 WebP。
• 压缩已经压缩过的图片。 重新压缩 JPG 或有损 WebP，每次都会进一步降低画质。应始终从原始源文件开始压缩。
• 用 JPG 保存包含纯色区域的截图。 JPG 是为照片设计的。带纯色背景、UI 元素和文字的截图，使用 PNG 或无损 WebP 通常更小、更清晰。
• 批量导出前没有检查画质。 对整批图片应用压缩设置前，应先按目标级别处理一张样图并预览结果。