PNG、JPG 还是 WebP:图片应该用哪种格式?
作者:Pedro Rodrigues · 更新于
简短回答:需要在任何地方都能打开的照片存为 JPG,用于网站的照片存为 WebP。截图、Logo 和所有带透明背景的图片保留为 PNG,用于网页时可以存为 WebP。WebP 通常是三者中最小的,但并非在所有情况下都是如此,下面的测量结果就说明了这一点。
| 格式 | 压缩方式 | 透明 | 动画 | 最适合 | 兼容性 |
|---|---|---|---|---|---|
| PNG | 无损 | 是 | 很少(APNG) | 截图、Logo、编辑中的图片 | 几乎所有地方 |
| JPG | 有损 | 否 | 否 | 用于分享或打印的照片 | 处处可用 |
| WebP | 有损或无损 | 是 | 是 | 网站上的任何图片 | 所有当前浏览器;部分应用 |
WebP 比 JPG 更好吗?
对于网站上的图片,WebP 通常是更好的选择:在视觉质量相近的情况下,它生成的文件往往更小,而且和 JPG 不同,它能保存透明背景。在我们的测试中,一张以质量 85 保存的风景照片,存为 WebP 是 538 KB,存为 JPG 是 638 KB。在本站的一张截图上差距更大:WebP 为 49 KB,JPG 则为 85 KB。
不过,WebP 并不总是更小。在质量 95 时,同一张照片存为 WebP 是 870 KB,存为 JPG 是 849 KB,可见在极高的设置下,这种优势可能会消失。JPG 在兼容性上也更胜一筹:所有设备、编辑器和上传表单都认得它,而一些旧应用、邮件客户端和冲印服务至今仍不接受 WebP。网页上的图片用 WebP,要发给别人的文件用 JPG。
PNG 和 JPG:应该用哪一个?
照片用 JPG;截图、Logo、示意图以及所有带文字或透明背景的图片用 PNG。两者的区别在于压缩方式。PNG 是无损的,会精确还原每一个像素;JPG 是有损的,会以一种适合照片柔和渐变的方式近似处理细节,肉眼通常察觉不到。
我们的测量结果说明了这个选择为什么重要。一张风景照片存为 PNG 是 4.8 MB,存为质量 85 的 JPG 是 638 KB,节省了 87%。截图则正好相反:存为 PNG 是 78 KB,存为 JPG 却是 85 KB,因为 JPG 会把字节浪费在清晰的边缘和纯色块上,还会让小字变模糊。如果一张图片两种内容都有,比如照片上叠加了文字,那么高质量的 JPG 通常是个合理的折中。
哪种格式的文件最小?
在我们的测试中,以质量 85 转换时,WebP 在所有类型的图片上都生成了最小的文件,但排在第二位的格式因图片而异。风景照片存为 WebP 是 538 KB,存为 JPG 是 638 KB,无损 PNG 则是 4.8 MB。网站截图存为 WebP 是 49 KB,原始 PNG 是 78 KB,JPG 则是 85 KB,所以这一次 PNG 胜过了 JPG。
透明 Logo 也是同样的规律:WebP 为 25 KB,JPG 为 27 KB,PNG 为 224 KB,而且 JPG 还丢掉了透明背景。文件大小在很大程度上也取决于质量设置:存为 JPG 时,这张照片在质量 50 下是 311 KB,在质量 95 下则是 849 KB。所以请先根据图片类型选择格式,再调节质量,在文件大小和画质之间找到合适的平衡。
把 JPG 转换为 PNG 能提高画质吗?
不能。把 JPG 转换为 PNG,无法找回 JPG 压缩时已经丢弃的细节;PNG 只是 JPG 现状的精确副本,连压缩痕迹也一并保留。真正改变的是文件大小,而且是往不好的方向变:我们的测试照片是一份由原始 PNG 以质量 92 另存的 JPG 副本,转换为 PNG 后从 750 KB 增大到 4.8 MB。
不过,这样做确实有一个好理由。PNG 重新保存时不会有任何损失,而 JPG 每编辑并保存一次,都会再丢掉一点细节。如果您要分几次修图、添加标注或裁剪,先把图片转换为 PNG,就能避免损伤不断累积。编辑完成后,可以再导出最终的 JPG 或 WebP 用于分享。同样的道理也适用于 WebP:把它转换为 PNG 能原样保存,但永远不会让它变得更清晰。
哪些格式支持透明?
PNG 和 WebP 都支持透明,包括柔和的半透明边缘;JPG 则完全不支持。正因如此,PNG 是 Logo、图标和抠图的经典选择,而 WebP 是这些图片在网站上更轻量的替代方案。我们的测试用透明 Logo 存为 WebP 后仍保留了透明背景,大小为 25 KB,而 PNG 版本是 224 KB。
带透明背景的图片转换为 JPG 时,每个透明像素都必须变成一种实色。本站会用白色填充这些区域,这在大多数网页和文档上看起来没问题,但放在彩色背景上就会露出一个明显的白框。遇到这种情况,请改为转换成 PNG 或 WebP。同样,把 JPG 转换为 PNG 或 WebP 也不会让它的背景变透明;您需要先在图片编辑器里把背景去掉。
哪种格式在任何地方都能用?
JPG 是兼容性最好的图片格式:所有手机、浏览器、图片编辑器、打印机和上传表单都能打开它。PNG 紧随其后,几乎在所有地方都被接受,只有个别要求 JPG 的冲印服务例外。WebP 是三者中最新的格式,在浏览器之外的支持仍在追赶之中。
目前所有主流浏览器都能显示 WebP,很多网站也用这种格式提供图片,所以您从网上保存的图片常常是 .webp 文件。然而,一些桌面软件、旧版办公套件、邮件客户端和在线表单至今仍无法打开它。一个实用的原则是:发布在自己网站上的图片用 WebP,要通过邮件发送、上传到其他网站或拿去打印的文件用 JPG 或 PNG。如果有人打不开您发去的 WebP,把它转换为 JPG 或 PNG 只需几秒钟。
AVIF 和 HEIC 怎么样?
AVIF 和 HEIC 是更新的格式,压缩效率甚至比 WebP 还高,但在日常使用中,两者的兼容性都不如它。HEIC 是许多 iPhone 拍照时使用的格式,在苹果设备上可以直接打开,但拿到其他地方使用时往往需要先转换。AVIF 在网站上的使用越来越多,当前的主流浏览器都能显示它。
本站只支持 PNG、JPG 和 WebP,因为浏览器能够可靠地自行生成这三种格式,这也正是每次转换都能在您的设备上完成、无需上传任何文件的原因。在浏览器中生成 AVIF 或 HEIC 文件需要额外的软件,而且各个浏览器和应用对它们的支持仍然差别很大。对大多数人来说,WebP 已经能带来这些格式的大部分体积优势,而且能在更多地方打开,所以它仍然是当下网页图片最实用的选择。
我们如何测量
本页所有文件大小都来自本站自己的转换器,于 2026-10-23 在 Chromium 156.0.8078.4 中运行得出。我们使用了三张测试图片:一张风景照片(Bernard Gagnon 发布在 Wikimedia Commons 上的 CC0 图片)、一张本站的截图,以及一个透明背景的 Logo,后两张由我们自己制作。每张图片都以无损 PNG 为起点,分别以质量 50、75、85 和 95 转换为各种格式。对于以 JPG 和 WebP 为起点的测试,我们先把每张 PNG 以质量 92 另存,所以 JPG 或 WebP 源文件是原始 PNG 的一份较小副本。换用其他浏览器、图片或转换器,得到的数字都会不同,所以请把它们当作示例,而不是定律。
| 图片和格式 | 无损 | 质量 50 | 质量 75 | 质量 85 | 质量 95 |
|---|---|---|---|---|---|
| 风景照片(PNG) | 4.8 MB | — | — | — | — |
| 风景照片(JPG) | — | 311 KB | 511 KB | 638 KB | 849 KB |
| 风景照片(WebP) | — | 295 KB | 380 KB | 538 KB | 870 KB |
| 网站截图(PNG) | 78 KB | — | — | — | — |
| 网站截图(JPG) | — | 54 KB | 71 KB | 85 KB | 113 KB |
| 网站截图(WebP) | — | 36 KB | 41 KB | 49 KB | 64 KB |
| 透明 Logo(PNG) | 224 KB | — | — | — | — |
| 透明 Logo(JPG) | — | 15 KB | 21 KB | 27 KB | 46 KB |
| 透明 Logo(WebP) | — | 19 KB | 21 KB | 25 KB | 33 KB |
在格式之间转换
准备好更换格式了吗?下面每个转换器都在您的浏览器中运行,打开时已经选好了对应的输出格式。