一、一句话结论
需要透明背景或无损文字选 PNG；照片、扫描件、网页大图选 JPG；网页与移动端优先 WebP（兼容现代浏览器且体积最小）。
二、三格式对比表
| 维度 | PNG | JPG / JPEG | WebP |
|---|---|---|---|
| 压缩方式 | 无损 | 有损 | 有损 / 无损可选 |
| 透明通道 | 支持 | 不支持 | 支持 |
| 照片画质 | 文件大 | 体积小、画质好 | 通常再小 25%–35% |
| 文字 / 图标 / 截图 | 边缘锐利 | 易出现噪点 | 无损模式也很锐利 |
| 动图 | 不支持 | 不支持 | 支持（WebP 动画） |
| 浏览器兼容 | 全平台 | 全平台 | 现代浏览器原生支持，旧版需回退 |
| 典型场景 | Logo、透明素材、合同截图 | 相机照片、扫描件 | 网页配图、移动端封面 |
三、怎么选？分场景决策
- Logo / 图标 / 带透明底的素材 → PNG 或 WebP（透明 + 无损）。
- 相机照片 / 人像 / 扫描件 → JPG 质量 0.85–0.92 最均衡。
- 网站首图 / 缩略图 → WebP，体积最小，必要时给旧浏览器提供 JPG 回退。
- 含大量文字的截图 → PNG，避免有损压缩产生彩色噪点。
四、转换与压缩建议
- 批量互转（JPG↔PNG↔WebP）用图片批量格式转换工具，一次处理多张。
- 同一张图需要在体积和画质间权衡时，用图片压缩工具直接调整质量与尺寸。
- 需要透明背景时，先用图片去背景工具抠图，再导出 PNG。
常见问题（FAQ）
WebP 在微信或旧浏览器里打不开怎么办？
现代主流浏览器与微信均已支持 WebP；兼容性要求极高时可导出 JPG，或用 PNG 作为回退。
PNG 转 JPG 后背景变黑了？
JPG 不支持透明，透明区域会被填充为黑色。转换前先铺白底或合成到目标背景上。
网页图片用哪个格式最省流量？
同画质下通常 WebP 最小，其次 JPG，PNG 最大。内容以照片为主时优先 WebP/JPG。
参考资料
- WebP — Google Developers: https://developers.google.com/speed/webp
- PNG — W3C: https://www.w3.org/TR/png-3/
- JPEG — Wikipedia: https://en.wikipedia.org/wiki/JPEG