为什么你的图片现在都是WebP — 以及接下来是什么

你右键点击网站上的一张图片，保存后得到一个.webp文件。你的图片编辑器无法识别。你需要上传的表单拒绝它。五年前，这种格式在大多数人的体验中几乎不存在。今天，它无处不在。

WebP从一个默默无闻的Google实验成长为网络主导图像格式的历程，是一个关于性能经济学、浏览器政治和软件生态系统缓慢演变的故事。

Google为什么创建WebP

2010年，图片约占平均网页总大小的60%。Google的业务取决于人们快速浏览网页，因此有强烈的动机让图片变小。

WebP基于VP8视频编解码器构建——与WebM视频背后相同的压缩技术。Google的洞察是，经过数十年优化的视频压缩技术可以适用于静态图片，从而超越老化的JPEG标准（可追溯到1992年）和更重的PNG格式。

结果非常显著：

缓慢的普及之路

拥有更好的格式还不够。WebP的普及故事揭示了浏览器政治如何塑造网络：

• 2010年 — Google发布WebP。仅Chrome支持。
• 2011-2014年 — Opera添加支持。Firefox和Safari以格式碎片化为由拒绝。
• 2018年 — Firefox 65在多年抵制后终于添加WebP支持。
• 2020年 — Apple在Safari 14和iOS 14中添加WebP支持——最后一个主要的坚持者。
• 2022年至今 — 随着浏览器全面支持，普及迅速加速。

创建与全面支持之间的10年差距解释了很多。网站开发者在每个主流浏览器都支持之前无法安全地使用WebP，因为提供不支持的格式意味着图片显示损坏。允许向不同浏览器提供不同格式的<picture> HTML元素是使渐进式普及成为可能的桥梁技术。

为什么现在每个网站都在使用

网站提供WebP的动力是压倒性的：

• Google的搜索算法将页面速度纳入排名因素。Google PageSpeed Insights明确推荐WebP。不使用会降低你的性能分数。
• 带宽意味着成本。提供数百万张图片的大型电商网站通过从JPEG切换到WebP每月节省数千欧元。
• 用户体验提升。一个有20张产品图片的页面用WebP节省2-3MB。在移动连接上，这是2秒和6秒页面加载时间的差距。
• CMS平台自动化。WordPress从5.8版本开始自动将图片转换为WebP。Shopify、Squarespace和大多数现代平台也是如此。

结果是，今天从网络保存图片时几乎总是得到WebP——即使原始文件是以JPEG上传的。服务器检测到你的浏览器支持WebP并提供优化版本。

浏览器之外的兼容性问题

WebP在其设计目标——网络浏览器中完美运行。问题是图片不会一直留在浏览器里：

• 办公软件 — Word、PowerPoint和Excel的旧版本不支持WebP
• 图片编辑器 — 2021年之前的许多编辑器无法打开WebP文件
• 印刷服务 — 在线印刷服务通常要求JPEG、PNG或TIFF
• 政府和机构表单 — 几乎普遍要求JPEG或PNG
• 邮件客户端 — 邮件正文中的WebP在不同客户端中显示不一致

这造成了一个令人沮丧的差距：网络提供WebP，但许多下游用途需要JPEG或PNG。格式转换的实际需求短期内不会消失。

AVIF：下一代

WebP不是故事的结局。由开放媒体联盟（Google、Apple、Mozilla、Microsoft）开发的AVIF（AV1 Image File Format）承诺更好的效果：

• 在同等质量下比WebP小20%
• 对精细细节和渐变的卓越处理
• 更好的HDR和广色域支持
• 基于现代AV1视频编解码器

AVIF的浏览器支持正在增长（Chrome、Firefox和Safari都已支持），但普及遵循着与WebP相同的缓慢模式。AVIF取代WebP成为网络默认格式可能还需要几年时间，届时它将制造与WebP今天造成的相同兼容性问题。

循环重复：更好的压缩、缓慢的浏览器普及、最终的无处不在，以及浏览器之外漫长的兼容性问题尾巴。

进一步了解

当你需要将WebP图片转换为浏览器外使用时：

• 将WebP转换为JPG — 即时转换，在浏览器中本地处理
• 图片转换器 — 在所有主要图片格式之间转换

两个工具都是免费的，完全在你的设备上处理文件。