什么是 WebP?
WebP 是 Google 开发的现代图像格式,为 Web 图像提供卓越的无损和有损压缩。它通常比 JPEG 和 PNG 产生更小的文件大小,同时保持相当的质量。
快速了解
| 全称 | Web 图片格式 |
|---|---|
| 创建时间 | 2010 年由 Google 开发 |
| 规范文档 | 官方规范 |
工作原理
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 应用
示例
loading...
Loading code...常见问题
WebP 是否被所有浏览器支持?
是的,截至 2024 年,WebP 已被所有主流浏览器支持,包括 Chrome、Firefox、Safari(14+)、Edge 和 Opera。对于旧版浏览器,可以使用 HTML picture 元素提供备用格式。
WebP 文件比 JPEG 和 PNG 小多少?
WebP 有损图像通常比同等质量的 JPEG 小 25-34%。WebP 无损图像大约比 PNG 小 26%。实际节省量取决于图像内容。
WebP 支持透明度吗?
支持。WebP 在有损和无损模式下都支持 alpha 通道透明度,不像 JPEG 不支持透明度。这使得 WebP 可以同时替代 JPEG 和 PNG。
WebP 可以替代 GIF 制作动画吗?
可以。WebP 支持动画,且动画图像的文件大小通常比 GIF 小得多。WebP 动画还支持 24 位色和 alpha 透明度,而 GIF 仅限于 256 色。
如何将图像转换为 WebP 格式?
可以使用 Google 的 cwebp 命令行工具、Photoshop 或 GIMP 等图像编辑软件、在线转换器,或者使用自动生成 WebP 版本的构建工具和 CDN 来转换图像。