WebP 是什么？为什么比 JPEG 小 30%

发布于 2026-08-21 11:00:00 · 2 阅读 · 标签：WebP,图片压缩,JPEG,前端优化

WebP 基于 VP8 视频帧技术，有损模式比 JPEG 小 25-34%，还支持透明和动图。讲清原理、兼容性与图片压缩选型。

一、WebP 从哪来

WebP 是 Google 2010 年开源的图片格式，核心技术来自 VP8 视频编码器（WebM 的前身）——把「视频帧内压缩」搬到了静态图片上，预测编码 + 布尔算术编码，压缩效率比 JPEG 的霍夫曼编码高一大截。

二、三种模式

• 有损 WebP：同等画质比 JPEG 小 25-34%。
• 无损 WebP：比 PNG 小约 26%，像素完全一致。
• 动画 WebP：替代 GIF，支持全彩色+透明，体积小得多。

一个格式通吃 JPEG、PNG、GIF 三个场景，还支持 Alpha 透明通道（JPEG 最大的短板）。

三、压缩原理为什么更强

1. 帧内预测：对每个 4×4 块预测纹理方向，只编码残差，JPEG 只做频域变换没有空间预测。
2. 算术编码：比 JPEG 的霍夫曼表编码更接近信息熵理论上限。
3. 自适应量化：人眼不敏感区域压得更狠。

四、使用建议

• 兼容性：现代浏览器（Chrome/Edge/Firefox/Safari 14+）全支持，市场份额超 97%，可以放心做主力格式。
• 落地方式：Nginx/CDN 按 Accept 头自动下发 WebP，原图不动。
• 品质参数：有损 q=75-85 是画质与体积的甜点区。
• 注意：部分老图片处理软件、办公系统还不认 WebP，素材交换场景留一份 JPG/PNG 原图。

在线体验

不用装任何环境，直接用本站图片在线压缩工具在线操作，数据都在浏览器本地处理，方便又安全。