什么是 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 视频编解码器技术

常见用途

  1. 网站图像优化
  2. 移动应用图形
  3. 电商产品图片
  4. 动画图像(GIF 替代)
  5. 渐进式 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 来转换图像。

相关工具

相关术语

相关文章