JPG / PNG / WebP 到底该用哪个

前阵子有朋友甩给我一张图，问："我这张存成啥格式好？"我愣了一下——大多数人压根没想过这事，都是无脑 PNG，或者随手导成 JPG。

但选错格式是真会出事的。我见过用 PNG 存手机照片的，一张十几兆；也见过拿 JPG 存 logo 的，透明背景一保存全变白块，logo 直接废；还有人一股脑全转 WebP，发出去对方微信里看成了裂图。

所以这篇就聊聊：到底什么时候用哪个。

先说结论（赶时间的看这）

• 照片、截图、颜色多的图 → 用 JPG，体积小。
• 需要透明背景（logo、图标、贴纸、带阴影的素材）→ 用 PNG，这是最稳的选择。
• 想体积更小、清晰度又不掉、且对方环境够新 → 用 WebP。
• 追求极致压缩率、且确定是现代浏览器/新系统 → 可以看 AVIF（我们工具也支持，但不如 WebP 兼容广）。

一句话：JPG 管"省空间"，PNG 管"保透明和清晰"，WebP 是"又省又清的现代选手"。

三个最常被坑的地方

1. 用 PNG 存照片。 PNG 是无损的，但照片本身不需要无损——人眼根本分辨不出那点差异。结果就是一张手机照片 PNG 能冲到十几兆，而同样内容的 JPG 可能就两三兆。除非你是要印刷或后期精修，否则照片别存 PNG。

2. 用 JPG 存带透明的图。 JPG 压根不支持透明通道。你那个精心做的透明 logo，一存成 JPG，透明部分要么填白要么填黑，直接废。要透明，老老实实 PNG。

3. 盲目全转 WebP。 WebP 确实好，体积小、清晰度在线，但它"新"。一些老系统、部分微信场景、某些后台上传组件不认它，发出去对方看到的就是裂图。给网页用、给现代 App 用，WebP 没问题；给微信发、给老旧平台传，JPG/PNG 更稳。

体积大概差多少

同样一张图，量级上：

• PNG 最胖（无损，啥都留着）；
• JPG 中等（有损压缩，扔掉人眼不敏感的信息）；
• WebP 通常比同质量 JPG 还小个 20%~30%；
• AVIF 更小，但对环境要求最高。

所以常见套路是：先把照片存 JPG 压住体积，真要再抠，转 WebP 往往能再掉一截还不怎么糊。

怎么换格式

自己写代码转太折腾，浏览器里就能干。站上那个 图片格式转换 支持 JPG/PNG/WebP/AVIF/BMP 互转，还能顺手改尺寸，纯本地跑、文件不上传服务器——对带敏感信息的图这点挺重要。

用法很简单：拖进去，选目标格式，想更小就拉一下质量，下载。完事。

一点实用建议

• 发网页、做站 → 优先 WebP，体积小加载快，用户体验直接上去。
• 发微信、传老平台 → JPG/PNG 更稳，别跟兼容性较劲。
• 要透明 → PNG 没得跑，别试 JPG/WebP 的透明（WebP 虽支持透明，但兼容性又回来了）。

格式没有"最好"，只有"最合适"。工具就在手边，下次别再无脑存 PNG 了。要是换成 WebP 体积还是压不下来，再去 图片压缩 调一下质量，基本能解决九成的图片体积焦虑。