完整的 WebP 指南:Google 格式如何成为 Web 标准

WebP 由 Google 于 2010 年开发,使用有损和无损压缩模式,在相同的视觉质量下,文件比同等的 JPEG 或 PNG 图像小 25-35%。

WebP image format comparison showing smaller files and faster web delivery

什么是 WebP 以及 Google 为什么创建它?

WebP 是 Google 开发的一种开放图像格式,于 2010 年首次发布,源自 VP8 视频编解码器。 Google 的动机很简单:网络变得越来越依赖图像,而主流格式 — JPEG (1992) 和 PNG (1996) — 是为一个非常不同的互联网时代而设计的。

WebP 通过多项创新实现了压缩效率:

  • 块预测编码 - 使用周围的像素数据来预测每个块的外观
  • 变换编码 - 与 JPEG 的 DCT 类似,但对较大的块进行操作且效率更高
  • 算术熵编码 - 比 JPEG 的霍夫曼编码更高效
  • 自适应量化 - 对更少的数据应用更多的压缩重要地区

结果是一种格式,在小 25-35% 的情况下提供与 JPEG 相同的视觉质量。

使用预测和变换编码的 WebP 有损和无损压缩架构

<小时>

WebP、JPEG、PNG:压缩比较

属性WebP(有损)WebP(无损)JPEGPNG
透明度✅ 是✅ 是❌否✅ 是
动画✅ 是✅ 是❌否✅ 有限
文件大小(照片)最小较大中最大
文件大小(徽标/图标)小比 PNG 小 26%中(无透明度)大
最适合网络图像网络徽标、图标电子邮件、打印、旧版网络打印、编辑大师

WebP 与 JPEG 和 PNG 的透明度、动画和文件大小比较

在类似视觉质量下与 JPEG 和 PNG 相比的 WebP 文件大小基准

<小时>

WebP 的浏览器和平台支持

截至 2026 年,超过 97% 的全球浏览器用户支持 WebP:

  • ✅ Chrome(自 2012 年 v17 版起)
  • ✅ Firefox(自 2019 年 v65 版起)
  • ✅ Safari(自 2020 年 v14 版起)
  • ✅ Edge(自 2018 年 v18 版起)
  • ✅ Opera、Samsung Internet、Android 浏览器
  • ❌ Internet Explorer(不支持 — 旧版)仅)

不支持:大多数桌面电子邮件客户端(Outlook、Thunderbird、Apple Mail)。对于电子邮件,请继续使用 JPEG 和 PNG。

WebP 浏览器支持和使用现代图片元素交付的 JPEG 后备

<小时>

何时使用 WebP(以及何时不使用)

使用 WebP 来:

  • 网站图片(产品照片、博客英雄图片、背景图片)
  • 移动应用和渐进式 Web 应用
  • 您控制服务环境并可以验证浏览器支持的任何位置

坚持使用 JPEG 或 PNG:

  • 电子邮件通讯图像(电子邮件客户端兼容性)
  • 提交给政府门户和旧系统的图像
  • 可打印的文件(JPEG 是专业打印的标准)
  • 社交媒体上传(大多数平台都会自动转换)
<小时>

在您的网站上实施 WebP

选项 1:HTML 图片元素(最兼容)

<图片>
  
  描述

现代浏览器使用WebP源;不支持 WebP 的浏览器会回退到 JPEG。

选项 2:CDN 自动转换Cloudflare、imgix、Cloudinary 和大多数现代 CDN 可以自动将 WebP 提供给支持它的浏览器,即时从 JPEG/PNG 原始文件进行转换 - 零代码更改。

转换现有图像:使用JPG转WebP转换器 (JPG to WebP)来处理照片,或使用PNG转WebP转换器 (PNG to WebP) 来处理具有透明度的图形和徽标。

使用浏览器检测和 CDN 图像转换的 WebP 网站交付工作流程

推荐的配套指南

探索本主题群中的补充教程和实用程序,以增强您的数字工作流程:

将 JPG 转换为 WebP 可使您的网站速度提高 30%实用的分步教程,包含经过验证的标准和浏览器内工作流程。将透明 PNG 转换为 WebP:保留 Alpha 通道实用包含经过验证的标准和浏览器内工作流程的分步教程。将 WebP 转换为 JPG:修复旧设备上的 WebP 不兼容性实用包含经过验证的标准和浏览器内工作流程的分步教程。Lorem Ipsum 的历史:为什么设计师仍然使用 2000 年的拉丁语连接相关数据和媒体工具的补充跨格式工作流程。
推荐实用程序:WebP 转换器在浏览器中实时执行此工作流程,实现零服务器上传和 100% 客户端隐私。
WebP格式转换器 (WebP Converter)
WebP格式转换器 (WebP Converter)

常见问题解答 (FAQ)

查看关于此操作流程常见问题的快速与权威解答。

WebP 比 JPEG 更好吗?

对于网络交付,是的。 WebP 有损压缩可在文件小 25-35% 的情况下实现与 JPEG 相同的视觉质量。 WebP 还支持透明度(JPEG 不支持),使其更加通用。

所有浏览器都支持 WebP 吗?

截至 2026 年,全球超过 97% 的浏览器用户支持 WebP,包括 Chrome、Firefox、Safari(自版本 14 起)、Edge 和 Opera。 Internet Explorer 不支持 WebP。

WebP 图像可以在电子邮件客户端中显示吗?

不 - 大多数电子邮件客户端不支持 WebP。对于电子邮件,照片使用 JPEG,透明图形使用 PNG。

Bilal Ahmad