什么是 WebP？
WebP 是 Google 开发的现代图像格式，为 Web 图像提供卓越的无损和有损压缩。它通常比 JPEG 和 PNG 产生更小的文件大小，同时保持相当的质量。
快速了解
| 全称 | Web 图片格式 |
|---|---|
| 创建时间 | 2010 年由 Google 开发 |
| 规范文档 | 官方规范 |
WebP 工作原理
WebP 由 Google 于 2010 年推出，作为现有 Web 图像格式的更高效替代方案。它使用基于 VP8 视频编解码器技术的预测编码进行有损压缩，在同等质量下可实现比 JPEG 小 25-34% 的文件大小。对于无损压缩，WebP 通常比 PNG 小 26%。该格式支持透明度（alpha 通道）、动画，以及有损和无损两种模式。WebP 现在被所有主流浏览器支持，并广泛用于 Web 优化。
主要特点
- 在同等质量下比 JPEG 小 25-34%
- 无损图像比 PNG 小 26%
- 支持有损和无损压缩
- 支持 alpha 通道透明度
- 支持动画（GIF 的替代方案）
- 基于 VP8/VP9 视频编解码器技术
常见用途
- 网站图像优化
- 移动应用图形
- 电商产品图片
- 动画图像（GIF 替代）
- 渐进式 Web 应用
示例
WebP 与其他格式对比（相同 1920x1080 图像）:
格式 大小 质量 透明度
JPEG 200 KB 85% 否
PNG 3.0 MB 100% 是
WebP 有损 150 KB 85% 是
WebP 无损 1.8 MB 100% 是
浏览器支持（2024）:
- Chrome: 完全支持
- Firefox: 完全支持
- Safari: 完全支持（14+）
- Edge: 完全支持
HTML 用法:
<picture>
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="备用图片">
</picture>