跳到主要内容

JPG、PNG 还是 WebP:该用哪种图片格式?

三种格式几乎涵盖了你会上传的每一张图片,而且它们不能随意互换。选错了,你会得到一个比该有的大三倍的文件、徽标后面一块难看的白框,或者干脆拒收文件的表单。下面教你用大约十秒钟做出选择。

来自 CrispPic 团队阅读约 2 分钟

简短的回答

  • 照片: JPG——如果你确定目的地接受,也可以用 WebP。
  • 截图、徽标、文字和图表: PNG——或 WebP。
  • 任何带透明背景的图片: PNG 或 WebP。绝不能用 JPG。
  • 网站: WebP,并以 JPG 作为稳妥的后备。

并排比较

JPGPNGWebP
压缩方式有损无损有损或无损
最适合照片截图、徽标、含文字的图形两者皆可——出色的多面手
透明度不支持支持支持
典型照片的体积小非常大三者中最小
兼容性全部全部所有当前的浏览器;一些较旧的应用和上传表单会拒绝它

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 工具。你的图片在自己的浏览器中处理:不会上传到任何地方。

免费,无需账号,无水印。

从设计上就保护隐私

每一次处理都在你的浏览器中完成。即使我们想看,也看不到你的图片。