WebP vs PNG vs JPEG：2026 年到底该用哪个格式？

先给结论：网页上的图一律用 WebP；要发邮件、进老软件的照片用 JPEG；带透明背景、或者满是文字和 logo 的图用 PNG。这不是拍脑袋，往下看数据。

根据 Google 官方 WebP 文档，同等视觉质量下，有损 WebP 比 JPEG 小 25-34%，无损 WebP 比 PNG 小 26%；再看 caniuse.com 的浏览器统计，2026 年 WebP 在全球超过 97% 的浏览器里可用。体积小、兼容面广，大部分争论到这儿就结束了——真正的例外是邮件客户端和旧系统，那里面 JPEG、PNG 依然是最稳的选择。

三种格式分别是什么

三种格式，各管一摊：

• JPEG 是 1992 年标准化的有损照片格式（ISO/IEC 10918-1）。它把眼睛几乎注意不到的细节丢掉，所以压照片很高效，但碰上锐利边缘和文字就是灾难，也不支持透明。
• PNG 是 W3C 在 1996 年发布的无损格式（ISO/IEC 15948）。每个像素原样保留，支持透明。logo、截图、UI 素材都住 PNG 里，就是这个原因。
• WebP 由 Google 在 2010 年 9 月发布（官方博客《WebP, a new image format for the Web》）。一个格式同时支持有损、无损压缩和透明。

核心差异一览

特性	JPEG	PNG	WebP	依据
发布年份	1992	1996	2010	ISO/IEC 10918-1；ISO/IEC 15948；Google 博客
压缩方式	仅有损	仅无损	有损+无损	格式规范
透明通道	不支持	支持	支持	格式规范
同等画质体积（对比 JPEG）	基准	照片：大数倍	小 25-34%	Google WebP 官方文档
无损体积（对比 PNG）	—	基准	小 26%	Google WebP 官方文档
浏览器可用性（2026）	约 100%	约 100%	约 97%	caniuse.com

WebP 到底小多少？

25-34% 和 26% 这两个数字，出自 Google 官方 WebP 文档公布的编码对比测试，测试素材是开发这个格式时收集的常见网站图片。跟我平时工作的感受对得上：把一张典型的 JPEG 照片转成质量 80 的 WebP，文件通常缩水四分之一到三分之一，肉眼看不出差别。

原理其实不复杂：JPEG 用有损算法按块存像素，WebP 用基于预测的新式编码器，把数据花在人眼真正在意的细节上。PNG 的照片体积大也是同一个原因——无损编码把每个像素都留住了，对相机拍的照片来说，文件比 JPEG 大好几倍，却看不到任何好处。

2026 年的浏览器支持：看数据

看 caniuse.com 的数据，WebP 的支持时间线是：Chrome 32（2014 年 1 月）、Firefox 65（2019 年 1 月）、Safari 14（2020 年 9 月）、Edge 18（2020 年）。到 2026 年，全球可用性已经超过 97%。

两个例外到今天依然存在。邮件客户端——Outlook、Gmail 这些——内置引擎对 WebP 支持参差不齐，附件里照片用 JPEG、图形用 PNG 最保险。另外，2017 年以前搭的上传通道（老 CMS 插件、某些平台表单）可能悄悄拒收或者弄坏 WebP。图片要进这些管道，就乖乖用老格式。

PNG 什么时候还该用

PNG 靠两样本事活着：透明和无损。JPEG 会把锐利边缘毁掉——文字和图标糊掉，而且没有任何质量档能救回来，因为糊正是有损压缩的产物。截图、logo、UI 素材用 PNG（矢量图用 SVG 更好）。数据也能说明问题：根据 HTTP Archive 发布的 Web Almanac 2023 报告，WebP 已经是网络上第二常用的图片格式，而 PNG 正是靠这些图形场景，份额依然可观。

先想清楚图片要去哪

图片要去哪	选什么	为什么
网站、博客、应用	WebP	比 JPEG 小 25-34%，浏览器支持 97%
电商产品图	WebP + 保留 JPEG 母版	平台和广告系统可能要求 JPEG
邮件附件	JPEG（照片）/ PNG（图形）	邮件客户端对 WebP 渲染不可靠
打印	JPEG 高画质 / PNG	WebP 不是打印格式
截图、logo、UI 元素	PNG 或 SVG	无损保住文字和边缘清晰
老 CMS、旧上传表单	JPEG / PNG	旧管道可能拒收 WebP

转换用不了一分钟

不用装软件，也不用插件。免费在线图片转换工具在浏览器里直接完成 JPG、PNG、WebP 互转——拖进去、选格式、下载。批量模式一次处理整个文件夹，全程不上传服务器，处理客户的图片也没有隐私顾虑。

有两点是我踩过坑才明白的：JPEG 转 WebP 是单行道——JPEG 丢掉的细节，没有任何编码器能找回来。所以收益最大的是转无损源：PNG 用质量 85 转 WebP，能省下 26% 的体积，还看不出变化。先转格式，还嫌大再压缩一把。

常见问题

WebP 的兼容性还是隐患吗？
对开放网络来说不是。caniuse.com 的数据显示，Chrome 从 2014 年、Firefox 从 2019 年、Safari 从 2020 年起就支持 WebP，2026 年覆盖率已经超过 97%。真正的例外是邮件客户端和旧的上传通道。

转 WebP 会掉画质吗？
只有质量档设太低才会。按 Google 的编码数据和我自己的对比，照片用有损 WebP 质量 80-90，和原图肉眼无差别。截图和文字密集的图形，用无损 WebP 或者干脆留 PNG。

我的 PNG 转成 WebP 能小多少？
Google 公布的数据是无损 WebP 平均比 PNG 小 26%。实际收益看内容：照片和渐变图缩得最多，纯色图形缩得少。

为什么截图存成 JPEG 会模糊？
JPEG 的有损压缩专门糊化锐利边缘，而截图里全是锐利边缘。存 PNG 或无损 WebP，问题直接消失。

转换工具真的免费吗？能批量吗？
都行。ArkToolz 转换工具完全在浏览器里运行——不上传、不注册、不限次数——批量模式一次转换整个文件夹。

别猜了，开始转换

别再纠结了：网页用 WebP，邮件用 JPEG 或 PNG，打印用 JPEG，截图和 logo 用 PNG。这套选择基本覆盖你日常存的每一张图。

ArkToolz 图片转换工具支持 JPG、PNG、WebP 双向互转，一张和一百张都一样，全在浏览器里完成。拖一张图进去，30 秒后你要的格式就出来了。