为什么还要压缩 WebP?
WebP 本就是网页上最高效的图片格式 — 但这不代表每个 WebP 文件都已优化。从设计工具导出、由其他格式转换而来、或以最高质量保存的图片,仍然能从进一步压缩中获益。
WebP 与其他格式对比
| 场景 | JPG 体积 | PNG 体积 | WebP 体积 | WebP 优势 |
|---|---|---|---|---|
| 照片(3000×2000) | 680 KB | 4.1 MB | 490 KB | 比 JPG 小 28% |
| 截图(1920×1080) | 420 KB | 1.1 MB | 780 KB | 比 PNG 小 29% |
| 带透明背景的图标 | N/A | 85 KB | 52 KB | 比 PNG 小 39% |
| 动图(10 帧) | N/A | N/A | 180 KB | 取代 GIF(原为 1.2 MB) |
2026 年的 WebP:已被 97%+ 的浏览器支持,包括 Chrome、Firefox、Safari 和 Edge。剩下的 3% 是老旧浏览器和部分邮件客户端。对网页用途而言,WebP 是默认之选。
WebP 压缩模式
- 有损 WebP — 采用 VP8 视频编码技术进行激进压缩,比同等 JPG 小 25-35%。最适合照片和复杂图像。
- 无损 WebP — 完整保留每个像素,比 PNG 小 25-30%。最适合截图、图形和含文字的图片。
何时使用 WebP
- 所有网页图片 — WebP 在每种场景下都优于 JPG 和 PNG
- 替代 GIF — 动态 WebP 比 GIF 小 60-80%,画质还更好
- 需要透明背景 — 带 alpha 的有损 WebP 远小于 PNG
- 移动优先的网站 — 文件更小 = 蜂窝网络下加载更快
何时不要用 WebP
- 邮件营销 — 许多邮件客户端不支持 WebP,请改用 JPG。
- 印刷制作 — 印刷流程通常需要 TIFF 或高质量 JPG。
- 对接老旧系统 — 部分老旧 CMS 和工具无法处理 WebP。
用于网页投放时,使用 WebP 并配合 <picture> 为剩余 3% 的浏览器回退到 JPG/PNG。