先看结论
| 用途 | 优先考虑 | 原因 |
|---|---|---|
| 普通照片 | JPG / WebP | 适合复杂色彩 |
| 网页图片 | WebP | 支持有损、无损与透明 |
| 透明背景 | PNG / WebP | 支持 Alpha 透明度 |
| 界面截图 | PNG / WebP | 文字和边缘更清楚 |
| 兼容性优先 | JPG / PNG | 传统工作流支持广泛 |
JPG 适合照片
JPG 通过有损压缩减少部分视觉信息，适合人像、旅行照和商品照片。
小文字、锐利线条和纯色边界可能出现压缩痕迹，而且 JPG 不支持透明背景。
PNG 保留边缘与透明度
PNG 可无损保存像素，适合截图、图表、图标和透明图形。
复杂照片保存为 PNG 时可能很大；无损并不等于任何场景都更好。
WebP 适合网页分发
WebP 同时支持有损、无损和透明度，可用于网页照片、缩略图和透明图形。
存档或特定编辑流程仍可能更适合 JPG、PNG，转换后应在实际环境中打开检查。
用途决定选择
| 场景 | 起点 | 检查 |
|---|---|---|
| 旅行照 | JPG/WebP | 渐变与细节 |
| 商品图 | WebP/JPG | 是否需要透明 |
| Logo | PNG/WebP | 另存矢量原稿 |
| 截图 | PNG/WebP | 小字边缘 |
转换不会恢复已经丢失的画质
低质量 JPG 转成 PNG 后，已经丢失的细节不会回来。PNG 只是无损保存当前剩余的像素。
请保留重要原稿，并从原稿创建发布副本。
比较实际结果
Only My Kit 可创建 JPG、PNG、WebP 副本，也可调整 JPG 或 WebP 的压缩质量。
不同图片的颜色和纹理不同，不能用一个固定压缩比例概括所有结果。
FAQ
- PNG 一定比 JPG 清晰吗？
- PNG 是无损格式，但照片使用 JPG 或 WebP 往往能以更小体积得到足够质量。
- 哪些格式支持透明背景？
- PNG 和 WebP 支持，JPG 不支持。