图片格式对比：按用途选格式，附转换方向损耗表
「图片格式对比」的文章很多，但大多止步于「PNG 无损、JPG 有损、WebP 更小」这三句话。真正让人卡住的不是原理，而是转换方向：把一张 JPG 转成 PNG，体积涨了三倍，画质一点没变好；把截图存成 JPG，字边缘出现一圈彩色噪点；把 WebP 转成 JPG，透明背景变成了白块。
这篇不按格式罗列，按「你要做什么」给决策表，再补一张转换方向损耗表——这张表在同类文章里几乎没人讲清楚。
一、先看结论：一张按用途查的表
| 你要做的事 | 选什么 | 理由 |
|---|---|---|
| 发朋友圈、微信聊天 | JPG | 反正会被二次压缩，用 PNG 只是白等上传 |
| 网页配图、博客插图 | WebP | 体积比 JPG 小 25%～35%，主流浏览器全支持 |
| Logo、图标、透明背景 | PNG | 需要 Alpha 通道，JPG 做不到 |
| 截图、UI 界面、文字图 | PNG | 锐利线条用有损压缩会出现彩色噪点 |
| 商品图、人像、风景 | JPG（质量 85～90） | 连续色调，有损压缩几乎看不出差别 |
| 印刷、投稿、存档 | PNG 或 TIFF | 要经得起多次打开保存，不能累积损失 |
| 动图 | GIF 或 WebP 动图 | GIF 兼容最好，WebP 体积小得多 |
| iPhone 原始照片发给别人 | 先转 JPG | HEIC 在 Windows 和不少网站打不开 |
这张表够用 90% 的场景。剩下 10% 的坑，全在下面的转换方向里。
二、转换方向损耗表：转错方向等于白忙
这是最容易被忽略的部分。格式转换只会损失，不会增益：
| 转换方向 | 体积变化 | 画质变化 | 建议 |
|---|---|---|---|
| PNG → JPG | 降到 1/5～1/10 | 有损，锐利边缘出现噪点 | 照片类值得转，截图/文字图别转 |
| JPG → PNG | 涨 3～8 倍 | 一点不变好 | 只有「需要透明背景」时才转 |
| JPG → WebP | 再降 25%～35% | 轻微损失，多数场景看不出 | 网页用，值得 |
| WebP → JPG | 涨 30%～50% | 透明通道丢失（变白底） | 只为兼容老软件，能别转就别转 |
| HEIC → JPG | 涨 50%～100% | HDR 与景深信息丢失 | 跨平台分享必转，见下文 |
| 任何格式 → 任何格式（反复转） | 逐次变化 | 每次都掉一点，累积明显 | 从原图转一次，别接力转 |
最关键的一条：JPG 转 PNG 不会变清晰。很多人以为「PNG 质量高」，把 JPG 转成 PNG 再交付，结果只是文件变大了，原来的压缩痕迹一个不少。同理，已经压糊的图转成任何格式都还是糊的。
三、三种内容，三种最优解（附体积实算）
同一张图，内容不同，最优格式完全不同。以 1200×800 为例：
| 内容类型 | PNG | JPG（q85） | WebP（q80） | 最优 |
|---|---|---|---|---|
| 纯色 UI / 图标 | 约 60KB | 约 90KB（还带噪点） | 约 25KB | WebP 或 PNG |
| 人像照片 | 约 2.5MB | 约 220KB | 约 150KB | WebP / JPG |
| 文字截图 / 表格 | 约 300KB | 约 260KB（字边缘花） | 约 140KB | PNG（保清晰） |
看第三行：截图转 JPG 体积只小了一点点，字却开始发花——这就是「不值得转」的典型。判断标准很简单：图里有没有大量纯色块和锐利边缘，有就别用有损格式。
四、兼容性：比浏览器支持更重要的事
网上讲兼容性通常只提浏览器占比，但你真正会踩的坑在这些地方：
- 微信：发送 WebP 会自动转成 JPG，透明背景变白；
- Word / PPT：老版本（2016 以前）插 WebP 会报错，会议现场打不开很尴尬；
- 打印店：多数只认 JPG / PNG / TIFF，WebP 常常直接被拒；
- 电商后台：主图普遍要求 JPG 或 PNG，WebP 上传会提示格式不支持；
- 邮件：部分客户端不内嵌显示 WebP，收件人看到的是附件；
- iOS 相册：WebP 能存但部分老系统不显示缩略图。
所以「网页用 WebP，交付用 JPG/PNG」是稳妥的分工。具体到 WebP 的取舍，见 图片转 WebP 值不值。
五、HEIC 单独说：它不是「更好的 JPG」
iPhone 默认存 HEIC，体积约是 JPG 的一半，但它有两个现实问题：
- Windows 和大量网站不认：上传时会提示「格式不支持」，这是最常见的求助场景；
- 转 JPG 会丢 HDR 和景深：普通 SDR 分享没影响，但如果你要保留高动态范围，得导出 HEIF 或用支持 HDR 的格式。
转换方法见 HEIC 转 JPG。同理，PNG 转 JPG 的取舍见 PNG 转 JPG。
六、转换时的三个参数，决定「转完还能不能用」
| 参数 | 建议值 | 说明 |
|---|---|---|
| JPG 质量 | 85～90 | 低于 80 开始出现块状；高于 92 体积暴涨收益极小 |
| WebP 质量 | 75～82 | 同等观感下比 JPG 低 5～10 档仍可接受 |
| 是否保留元数据 | 分享时去掉 | EXIF 里可能有 GPS 定位，发图前清掉 |
体积仍超标时，优先降尺寸而不是继续降质量，因为降质量先糊的是细节。具体做法见 压缩到 200KB。
七、常见问题
PNG 一定比 JPG 清晰吗？
不一定。PNG 是无损，代表「不再损失」，不代表「更清晰」。原始就是 JPG 的图，转成 PNG 后画质和原来一样，只是文件更大。
WebP 能完全替代 JPG 吗？
网页端基本可以。但交付、打印、上传后台这些场景，JPG 的兼容性仍然是保险的选择。
为什么我的 PNG 比 JPG 还小？
纯色块多的图（UI、图标、简单插画），PNG 的无损压缩效率极高；这类图用 JPG 反而更大还带噪点。
AVIF 值得用吗？
体积最小，但编码慢、老设备和部分软件不支持。做网站可以上，做交付文件不建议。
反复转格式会越来越糊吗？
会。每次有损压缩都会累积损失，转三五次后肉眼可见。正确做法是从原图一次性转到目标格式。
小结
图片格式对比的结论可以压缩成三句话：照片用 JPG 或 WebP、需要透明和锐利边缘用 PNG、交付和上传优先 JPG。更重要的是记住转换是单向的——PNG 转 JPG 会掉细节，JPG 转 PNG 不会变清晰，反复转只会越来越糊。选格式之前先问一句「这张图最终给谁看、在什么设备上打开」，答案自然就出来了。更多格式问题见 格式转换 栏目。