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 的一份较小副本。换用其他浏览器、图片或转换器,得到的数字都会不同,所以请把它们当作示例,而不是定律。

我们的风景照片在各种格式下的文件大小PNG(无损): 4.8 MB. JPG(质量 85): 638 KB. WebP(质量 85): 538 KB.PNG(无损)4.8 MBJPG(质量 85)638 KBWebP(质量 85)538 KB
我们的风景照片(原始 PNG,1920 × 1280 像素),于 2026-10-23 在 Chromium 156.0.8078.4 中以质量 85 转换。
实测文件大小,均由无损 PNG 原图转换而来
图片和格式无损质量 50质量 75质量 85质量 95
风景照片(PNG)4.8 MB————
风景照片(JPG)—311 KB511 KB638 KB849 KB
风景照片(WebP)—295 KB380 KB538 KB870 KB
网站截图(PNG)78 KB————
网站截图(JPG)—54 KB71 KB85 KB113 KB
网站截图(WebP)—36 KB41 KB49 KB64 KB
透明 Logo(PNG)224 KB————
透明 Logo(JPG)—15 KB21 KB27 KB46 KB
透明 Logo(WebP)—19 KB21 KB25 KB33 KB

在格式之间转换

准备好更换格式了吗?下面每个转换器都在您的浏览器中运行,打开时已经选好了对应的输出格式。