图片压缩指南：WebP、AVIF、JPEG、PNG 对比

网页中最重的元素通常是图片。选对格式和质量，就能在保持清晰的同时大幅减小体积。

有损 vs 无损

有损（JPEG、WebP、AVIF）会丢弃人眼难以察觉的细节，体积大幅减小。无损（PNG）保留每个像素，适合徽标和透明背景，但照片体积很大。

该用哪种格式

• 照片、缩略图：首选 WebP，比 JPEG 小 25%–35% 且支持广泛。
• 现代浏览器最小体积：AVIF。
• 最大兼容性：JPEG。
• 徽标、图标、透明：PNG 或无损 WebP。

如何选择质量值

• WebP、JPEG：质量 70–80 兼顾体积与清晰度。
• AVIF：从 50–60 开始即可获得相近观感。
• PNG 没有质量设置——若体积大，多半是应转 WebP 的照片。

逐级降低质量并对比前后，选择画质明显下降之前的那个值。

小结

网页照片用 WebP（质量 75），最小体积用 AVIF，透明用 PNG。用 Scrunch 可在浏览器内一次转换多张图片。