WebP是谷歌开发并于2010年发布的图片格式。它使用比JPEG和PNG更先进的压缩算法，在相当或更好的 视觉质量下产生更小的文件大小。名称来源于"Web Picture"——专为网络传输而设计。 截至2026年，WebP受到所有主流浏览器和大多数图片编辑应用的支持。
WebP如何压缩图片
WebP使用两种压缩模式：
- 有损WebP：基于VP8视频编解码器。将图片分成16×16像素块，使用预测编码 — 根据相邻像素预测每个像素应该是什么样子，然后只编码差异。这比JPEG的离散余弦变换（DCT） 更高效。结果：比同等质量的JPEG小25~35%。
- 无损WebP：结合使用空间预测、颜色变换和称为LZMA2的熵编码方法。 精确存储每个像素。结果：平均比PNG小26%。
WebP在有损和无损模式下都支持Alpha通道（透明度），而JPEG不能做到这点。动画WebP与GIF竞争 — 产生更小的文件。
WebP vs JPEG vs PNG — 文件大小比较
- 同等质量的照片：WebP ≈ 400 KB | JPEG ≈ 550 KB | PNG ≈ 2 MB
- 有透明度的标志：WebP（无损）≈ 30 KB | PNG ≈ 45 KB
- 短动画（3秒）：动画WebP ≈ 300 KB | GIF ≈ 2 MB
这些是近似值 — 实际节省取决于图片内容。有复杂纹理的照片比纯色图形能获得更大的WebP优势。
WebP是否在所有地方都受支持？
浏览器支持非常好。Chrome、Firefox、Safari（自2020年）、Edge和Opera等所有主流浏览器都支持WebP。 Android和iOS上的移动浏览器也支持它。
应用支持有所改善，但并不普遍。截至2026年：
- 完全支持WebP：Chrome、Firefox、Safari 14+、Edge、Canva、 Figma、Photoshop（23.2之后）、GIMP 2.10+、Windows 11照片应用
- 不支持WebP：Microsoft Office 2019及更早版本、一些旧版PDF工具、 Windows照片查看器（旧版）、WhatsApp（发送时转换）
- 部分支持：某些电子邮件客户端不在消息正文中显示WebP
何时使用WebP
- 网站图片：WebP是网络传输的最佳格式。更小的文件大小意味着更快的页面加载、 更好的Core Web Vitals分数和更低的带宽成本。
- Next.js和React应用：当浏览器支持时，
next/image组件会 自动提供WebP。 - 动画图片：用动画WebP替换大型GIF，可显著减小文件大小。
- 有透明度的图片：当需要透明度但可以接受一些质量取舍时，使用有损WebP 代替PNG。
何时不使用WebP
- 电子邮件附件：许多电子邮件客户端不在消息正文中渲染WebP。 电子邮件中的照片使用JPG或PNG。
- Microsoft Office文档：Office 2019及更早版本无法插入WebP图片。 使用PNG或JPG。
- 社交媒体上传：Instagram、LinkedIn、Twitter/X在上传时将WebP转换为JPEG。 直接上传JPG以避免双重压缩。
- 打印：WebP是屏幕格式。打印时使用TIFF或高质量JPG或PDF。
- 图片编辑工作流程：不要将WebP用作工作文件格式。将原件保存为TIFF或PSD， 最终网络传输时导出为WebP。
如何转换为WebP
您可以在浏览器中免费将任何图片转换为WebP：
所有转换在浏览器中运行 — 不上传到服务器。
如何从WebP转换
如果您收到了WebP文件并需要更兼容的格式：
WebP vs AVIF — 有什么区别？
AVIF（AV1图像文件格式）是比WebP更高效的更新格式：在同等质量下通常比WebP小20~30%。 然而，AVIF编码速度较慢，虽然浏览器支持良好，但普及度稍低。在2026年的大多数项目中， WebP由于更广泛的兼容性仍然是更安全的选择。如果要在现代网络栈上优化最大压缩，请使用AVIF。
WebP使用什么文件扩展名？
WebP文件使用.webp扩展名和MIME类型image/webp。 它们不能重命名为.jpg或.png — 文件格式不同，重命名只会损坏文件。 您需要实际进行转换。