JPG、PNG 还是 WebP:该用哪种图片格式?
三种格式几乎涵盖了你会上传的每一张图片,而且它们不能随意互换。选错了,你会得到一个比该有的大三倍的文件、徽标后面一块难看的白框,或者干脆拒收文件的表单。下面教你用大约十秒钟做出选择。
来自 CrispPic 团队阅读约 2 分钟
简短的回答
- 照片: JPG——如果你确定目的地接受,也可以用 WebP。
- 截图、徽标、文字和图表: PNG——或 WebP。
- 任何带透明背景的图片: PNG 或 WebP。绝不能用 JPG。
- 网站: WebP,并以 JPG 作为稳妥的后备。
并排比较
| JPG | PNG | WebP | |
|---|---|---|---|
| 压缩方式 | 有损 | 无损 | 有损或无损 |
| 最适合 | 照片 | 截图、徽标、含文字的图形 | 两者皆可——出色的多面手 |
| 透明度 | 不支持 | 支持 | 支持 |
| 典型照片的体积 | 小 | 非常大 | 三者中最小 |
| 兼容性 | 全部 | 全部 | 所有当前的浏览器;一些较旧的应用和上传表单会拒绝它 |
JPG:照片的通用格式
JPG 会舍弃你多半不会怀念的细节,这就是照片用它能缩得这么小的原因。它的弱点是锐利的边缘——文字和线条图会出现模糊的瑕疵——以及无法保存透明度。它几乎在所有地方都被接受,所以当表单只写“图片”时,它就是默认答案。
PNG:精确的像素,较大的文件
PNG 精确保存每一个像素,所以边缘保持如刀锋般锐利,透明度也能正常工作。它非常适合截图、徽标或图表。对照片来说它是错误的工具:同一张图片可能比 JPG 版本重好几倍,却没有任何肉眼可见的好处。
WebP:同样画质,体积更小
WebP 由 Google 开发,用来取代前面两种格式。它同时支持有损和无损压缩以及透明度,文件通常比同等的 JPG 小 25–35%。当今所有主流浏览器都能显示它。代价是浏览器之外的兼容性:一些较旧的程序、上传表单和电商平台仍然只接受 JPG 或 PNG。
转换时会发生什么
- PNG 转 JPG: 透明区域会变成纯色背景(在 CrispPic 中为白色),文件通常会小很多。
- JPG 转 PNG: 文件变大却并没有变好,而且任何 JPEG 瑕疵都会被永久保留。
- JPG 转 WebP: 在画质相近的情况下通常更小。这又是一次有损步骤,所以尽可能从原图转换。
- HEIC 转 JPG: 参见 HEIC 指南。
关于 AVIF 的说明
AVIF 是一种更新的格式,在体积上可能胜过 WebP。CrispPic 接受 AVIF 图片作为输入,但导出的是 JPG、PNG 和 WebP,因为这些格式几乎在所有地方都能用。
一条实用规则
如果图片是平滑的照片色调,就用 JPG 或 WebP。如果它有大面积纯色、锐利文字或透明度,就用 PNG 或 WebP。而如果表单指定了某种格式,不管理论怎么说,就严格用那一种。
常见问题
WebP 比 JPG 更好吗?
在画质相近的情况下它能产生更小的文件,所以在网站上通常是的。但“更好”取决于文件的去向:如果表单只写 JPG,那 WebP 在那里就没用。
为什么我的 PNG 这么大?
PNG 是无损的,所以照片会逐像素保存。如果它是一张照片,把它转换成 JPG 或 WebP 通常能大幅缩小体积。
把 JPG 转换成 PNG 能提升它的画质吗?
不能。转换只能保留已有的内容;它无法找回 JPG 生成时被舍弃的细节。
哪些格式能保留透明背景?
PNG 和 WebP。JPG 无法保存透明度,所以转换成它会用纯色填充透明区域。
使用已预设好合适参数的工具试试
这些页面会打开专为这一场景预先设置好的 CrispPic 工具。你的图片在自己的浏览器中处理:不会上传到任何地方。
免费,无需账号,无水印。