一句话版本
- JPG：照片用，体积小，到处都能打开，但不支持透明。
- PNG：要透明、要无损就用它，截图和 Logo 首选，代价是文件大。
- WebP：放网页上用。同画质下比 JPG 小 25%～35%%，比 PNG 小得多，还支持透明。
体积的差别到底有多大
拿同一张 1200 万像素的照片做实验，把画质调到肉眼基本看不出差别的位置：
| 格式 | JPG | WebP | PNG |
|---|---|---|---|
| 文件体积 | 约 1.8 MB | 约 1.2 MB | 约 9 MB |
| 透明背景 | 不支持 | 支持 | 支持 |
可以看出：PNG 存照片是非常浪费的，而 WebP 在同样画质下能比 JPG 再小三分之一。对网页来说，这直接就是加载速度。
那为什么不全用 WebP？
因为 WebP 还没有做到「到处都是」。虽然 Chrome、Edge、Safari、Firefox 早就支持了，但一些老软件仍然打不开：
- Windows 自带的「照片」查看器在旧版系统上不认识 WebP；
- 老版本的 Photoshop、Illustrator 打不开；
- 部分投稿系统、打印店、政务网站只收 JPG 或 PNG；
- Word 等办公软件在旧版本里插不进 WebP。
所以实用的做法是：网页上用 WebP，给别人发文件、投稿、打印时用 JPG 或 PNG。
按用途选，最省事的判断方法
- 照片、商品图，要发给别人 / 上传到某个系统 → JPG；如果是放自己网站上 → 转成 WebP
- 截图、带文字的图、Logo、需要透明背景 → PNG，网页上用就 转成 WebP
- 图标、插画、图表，还在设计阶段 → 用 SVG，要嵌入到别的软件里再 转成 PNG
- 已经拿到 WebP，但对方打不开 → 转回 JPG
转格式会掉画质吗？
分三种情况：
- 转成 PNG：完全无损，一个像素都不会变，只是文件可能变大。
- 转成 JPG 或 WebP：属于重新压缩。把画质设在 80 以上，绝大多数图片看不出区别。真正伤画质的是「反复转、反复存」，只转一次问题不大。
- 从有损格式转出来：JPG 转 PNG 不会让画质变好，只是换成无损格式保存，丢掉的细节找不回来。
动手试试
本站在浏览器本地完成转换，不上传文件，也没有张数限制。选一个方向开始：JPG 转 WebP、PNG 转 WebP、WebP 转 PNG。