2026-09-21
WebP 常被说成「比 JPEG 小 25% 到 34%」。这个数字是真的，但它产生的原因不是更激进的压缩，而是 WebP 用了三种不同的编码模式，针对不同类型的图像各有一套做法。
有损 WebP 基于 VP8 视频编解码的帧内压缩。它和 JPEG 的核心差异在于预测方式：JPEG 把图像切成 8×8 的块分别处理，块边界容易产生可见的方块伪影；VP8 用邻近像素做方向性预测，块更大也更灵活，因此在高压缩比下更不容易出现明显方块。
实际效果是：同样看起来「可以接受」的画质，WebP 的文件通常比 JPEG 小四分之一左右。照片、渐变多的图像、有噪点的图都适用。
无损 WebP 处理的是 PNG 擅长的场景：图标、界面截图、线条图、需要透明通道的素材。它使用更高效的熵编码，并支持对已经压缩过的颜色表再做一层处理。
对这类图像，WebP 无损格式通常比 PNG 小 20% 到 30%，而且不损失任何像素。这是转换收益最确定的一类。
这是 JPEG 完全做不到的一类。JPEG 不支持 alpha 通道，所以需要透明背景又要压体积时，过去只能用 PNG（大）或者先填底色。WebP 的有损模式保留了 alpha，可以在压缩照片质量的同时保住透明区域。
有损 WebP 的质量参数范围是 0 到 100，但它的刻度不等于 JPEG。WebP 在 75 到 80 之间通常已经达到 JPEG 质量 85 以上的观感，再往上加收益递减很快。
实用的做法是从 80 开始，逐档下调，在 100% 放大下观察平滑渐变区域（天空、皮肤）是否出现色带。一旦出现色带，就退回上一档。
主流浏览器（Chrome、Edge、Firefox、Safari 14 及以上）都支持 WebP。Safari 从 14 开始支持有损与无损两种模式，这也是过去几年 WebP 采用率快速上升的原因。
如果需要兼容更老的客户端，用 HTML 的 picture 元素提供回退格式即可，不需要服务端做内容协商。
不是。AVIF 在大多数场景下体积更小，但编码更慢、支持面略窄。目前稳妥的做法是 WebP 为主、AVIF 为辅。
有损模式会有损失，但同等观感下损失小于 JPEG。无损模式不损失任何像素。
通常是因为源文件已经优化过，或者图像极小。对已优化的 PNG 做无损转 WebP，收益可能接近零甚至为负。
能。这是 WebP 相对 JPEG 的主要优势之一，有损和无损两种模式都支持 alpha 通道。