JPG/PNG/WebP/AVIF 怎么选：格式对比与场景

体积规律（照片类图片实测）：同画质下 WebP 比 JPG 小约 25%-35%，AVIF 比 WebP 再小约 20%。截图、图标这类线条图则相反，PNG 往往比有损格式更小且边缘锐利。

JPG 用离散余弦变换（DCT）把画面切成 8×8 的块分别压缩，对照片这类连续色调的画面效率很高。缺点同样明确：不支持透明背景；每次编辑保存都会再压一遍，画质逐次累积损失；文字、线条边缘会出现振铃噪点。

兼容性是它最大的优势：从九十年代的浏览器到最新的打印系统，没有打不开 JPG 的设备。需要最大兼容性时，JPG 仍是默认答案。

PNG 用 DEFLATE 无损压缩，保存多少次都不会损失画质，且支持完整的透明通道。它是截图、UI 图标、带文字图片的正确选择——这些内容的共同点是边缘锐利、颜色种类有限，无损压缩对这类内容效率高。

但把照片存成 PNG 是常见错误：照片颜色丰富、噪声多，无损压缩无从下手，体积通常是同内容 JPG 的 3-8 倍。网站相册里的 PNG 照片是页面变慢的主要原因之一。

WebP（2010 年发布）的有损模式基于 VP8 视频编码的帧内预测，对同一张照片能比 JPG 小四分之一以上，同时支持透明背景和动图。一个有损 WebP 就能替代「JPG + PNG + GIF」三个角色，且所有现代浏览器都已支持。

AVIF（2019 年发布）基于 AV1 视频编码，压缩效率再进一步：同画质下比 WebP 再小约五分之一。代价是编码慢（同尺寸编码耗时约为 WebP 的数倍），且 Safari 16.4（2023 年）之前的版本不支持。追求最小体积且受众设备较新时选 AVIF，否则 WebP 更稳妥。

选定格式之后，剩下的就是调节画质与尺寸。本站在压缩时默认保持原格式，也可以指定输出为 WebP 或 AVIF 进一步减小体积。

• 网站、App 里的照片：WebP 或 AVIF，体积最小
• 需要兼容老设备、邮件、办公软件：JPG
• 截图、图标、带透明背景的素材：PNG（或无损 WebP）
• 动图：WebP，体积通常是同内容 GIF 的几分之一
• 摄影原片存档：保留原始格式，不要反复另存 JPG