WebP是Google专为替代网络上的JPEG而开发的现代图片格式。它能在相同视觉质量下生成 比JPG小25-35%的文件，同时支持无损压缩，并且——与JPG不同—— 可以通过Alpha通道处理透明背景。自2020年起，所有主流浏览器都已支持WebP， 使其成为新Web项目的实用默认格式。
文件大小对比
文件大小的节省在各种图片中都是一致且显著的。以下是1920×1080照片的典型实际数据：
| 格式 | 文件大小（近似值） |
|---|---|
| JPG 质量90 | 500 KB |
| WebP 同等质量 | 约350 KB（节省30%） |
| JPG 质量80 | 1 MB |
| WebP 同等质量 | 约680 KB（节省32%） |
实际上，包含10张大型JPG图片的页面总大小可能达到5 MB。将这些图片切换为WebP后， 大小降至约3.3 MB，而观看者看不出任何差异。对于拥有数百张产品图片的电商网站， 累积节省的带宽相当可观。
质量对比
JPG和WebP默认都使用有损压缩，即为了实现更小的文件大小而丢弃一些图像数据。 关键区别在于效率：WebP的压缩算法（基于VP8视频编解码器）以比JPG旧的DCT算法更小的 文件大小实现相同的感知质量。
在非常高的压缩级别下，JPG往往会在锐利边缘周围产生块状伪影（称为振铃或蚊子噪声）。 WebP在相同设置下处理高压缩更优雅，产生更平滑的质量退化。
WebP还支持无损模式——相当于PNG——而JPG始终是有损的。这使WebP成为 一种真正通用的格式，可以根据使用场景替代JPG和PNG。
浏览器和软件支持
对于使用现代设备的用户来说，WebP的浏览器支持实际上是普遍的：
- Chrome — 自版本23起（2012年）
- Firefox — 自版本65起（2019年）
- Safari — 自版本14 / iOS 14起（2020年）
- Edge — 自版本18起（2018年）
- Samsung Internet、Opera及所有基于Chromium的浏览器 — 完全支持
截至2024年，WebP的全球浏览器支持率超过97%。唯一显著的例外是于2022年6月停止支持的 Internet Explorer。
桌面软件支持则更为多样。Adobe Photoshop自2021年起支持WebP。Windows照片查看器和 一些旧工具仍默认使用JPG。如果您需要与使用旧版或非网络软件的人共享图片， JPG仍然是更广泛兼容性的更安全选择。
透明度支持
JPG的一个根本性限制是不支持透明度。将JPG放置在彩色背景上时， 原本透明的区域将被纯色（通常是白色）填充。这使JPG不适合Logo、 产品抠图、UI元素以及任何需要背景透明度的图片。
WebP支持与PNG相同的8位Alpha通道。您可以在同一个WebP文件中 拥有透明、半透明或完全不透明的像素。结合WebP的有损压缩，这意味着您可以拥有 透明的产品图片，其文件大小仅为PNG所需的一小部分。
何时使用JPG
尽管WebP具有技术优势，但在某些情况下JPG仍然是更好的选择：
- 与使用旧版软件的人共享 — 电子邮件客户端、传统图片编辑器和旧版 操作系统都能在不安装插件的情况下原生处理JPG
- 专业打印 — 大多数印刷厂和RIP软件期望使用JPG或TIFF； WebP在打印工作流中尚未得到广泛支持
- 通用兼容性至关重要 — 如果您的图片将分发到未知系统 （信息亭、嵌入式设备、传统内网），JPG是最低公倍数
- 数码相机和RAW工作流 — 单反和无反相机原生输出JPG（和RAW）； WebP是转换目的地，而非拍摄格式
何时使用WebP
WebP是大多数现代Web场景的正确选择：
- 网络发布和博客 — 主图、文章照片和缩略图都从更小的文件大小中受益， 改善页面加载时间
- 页面速度优化 — Google的Core Web Vitals（LCP）奖励更快加载的页面； WebP是最简单的改进方式之一
- 电商产品图片 — 特别是需要透明度的产品抠图，WebP比JPG处理得更好
- 移动优先网站 — 使用蜂窝连接的用户最能从带宽节省中受益
- Next.js和现代框架 — Next.js在使用
<Image>组件时 自动提供WebP；预转换可避免服务器端转换开销
如何将JPG转换为WebP
将JPG文件转换为WebP非常简单。您可以直接在浏览器中完成，无需上传到外部服务器：
- JPG转WebP工具 — 拖放您的JPG文件， 立即下载转换后的WebP文件
对于批量转换，同一工具支持批量处理 — 一次放入多个文件，将所有文件作为ZIP压缩包 下载。无需注册。
如何将WebP转换为JPG
如果您收到需要与旧版软件或印刷厂共享的WebP文件，同样可以轻松地将其转换回JPG：
- 图片转换器 — 选择WebP作为源格式，JPG作为输出； 支持所有常见图片格式
请注意，将WebP转换回JPG会再次应用有损压缩，这可能会比原始文件略微降低质量。 如果生成的JPG很重要，请使用高质量设置（80-90）。
总结
对于2025年及以后建立的网站，WebP是明显的赢家：更小的文件、同等或更好的质量、 透明度支持，以及普遍的浏览器覆盖率。从JPG切换到WebP是在不改变页面任何其他内容的 情况下改善您的Core Web Vitals和页面加载速度的最快方法之一。
如果您已经有大量JPG图片库，不需要一次全部转换。从最大的图片开始——主横幅、 首屏照片——这些图片的文件大小减少对页面性能影响最大。在决定是否将它们转换为WebP之前， 使用图片压缩工具尽量压缩剩余的JPG文件。