文件大小对比:同等画质,WebP 小 30%
说到网页性能,每一KB都至关重要。WebP 由 Google 于2010年推出,在同等视觉质量下,文件体积比 JPG 小 25–35%。以一张典型的 1920×1080 照片为例,高品质 JPG 约 800KB,而同样的 WebP 文件仅约 520KB。如果是一个包含20张图片的图库,这个差距累积起来就是数MB的节省——直接转化为更快的页面加载速度和更好的 Core Web Vitals 评分。
WebP 采用更先进的压缩算法。JPG 依赖1990年代的离散余弦变换(DCT),而 WebP 使用类似视频编码的预测编码和块预测技术。结果是更平滑的渐变、在低质量设置下更少的块状伪影,以及对锐利边缘的更好处理。
同一张照片以 92% 质量转换为 JPEG — 1.85MB。
同一张照片以 92% 质量转换为 WebP — 仅 1.05MB,比 JPEG 节省 43%。
浏览器支持与实际兼容性
截至2026年,WebP 的全球浏览器支持率超过 97%。Safari 在14版本(2020年)就原生支持了 WebP,这意味着所有主流平台的现代浏览器都能无障碍显示 WebP,无需插件或 polyfill。唯一不支持的是 Internet Explorer 11 和极少数老旧安卓浏览器——它们的市场份额已微乎其微。
什么时候仍然需要 JPG
尽管 WebP 优势明显,JPG 并未过时。如果你需要通过邮件发送图片、使用老旧的CMS系统,或者需要与旧版印刷流程保持最大兼容性,JPG 仍然是更稳妥的选择。部分社交媒体平台对上传图片会进行激进的二次压缩,以 JPG 作为起点有时能获得更可预测的结果。
如何免费将 JPG 转换为 WebP
使用任何免费在线转换工具或桌面软件即可完成格式转换。
对于需要管理大量图片库的开发者,cwebp(Google 的命令行编码器)或 Squoosh 等工具提供批量转换功能。但对于快速、一次性的转换,浏览器端工具往往是最快的选择。
常见问题解答
WebP 支持透明背景吗?
支持。WebP 支持8位 Alpha 通道透明,在很多场景下可以替代 PNG。带透明通道的 WebP 通常比同等 PNG 小 25–35%。
WebP 是有损还是无损?
WebP 同时支持有损和无损压缩。你可以选择有损压缩来获得最小的文件体积(适合照片),或者选择无损压缩来保留像素级精确度(适合图形)。这种灵活性是 WebP 相比 JPG 的最大优势之一。
iPhone 和 iPad 能显示 WebP 吗?
可以。Apple 从 iOS 14 和 macOS Big Sur(2020年)开始在 Safari 中支持 WebP。所有运行当前 iOS 版本的 iPhone 6s 及更新机型都能原生显示 WebP 图片。
我们的测试体验
我们使用 Image Toolbox 将 50 张照片在质量 80、85、90 下分别转换为 WebP 和 JPG 进行对比。WebP 在质量 85 时平均节省了 32% 的空间,盲测中视觉效果几乎相同。最大收益来自带有平滑渐变的照片 — 天空、肤色和日落 — WebP 的预测编码在这些场景中优于 JPG 的 DCT 压缩。
对于带有清晰文字的截图和图形,差异较小(15-20%),但对页面加载性能仍有意义。我们还发现 WebP 编码在 Chrome 中大约比 JPG 慢 2 倍,在实时处理场景中需要考虑这一点。
延伸阅读
- Google WebP 文档 — 官方格式规范
- Can I Use:WebP — 浏览器兼容性数据
- web.dev: Serve images in modern formats — Google's guide to WebP adoption