概述
WebP（Web Picture）是由 Google 开发的开源光栅图像格式，自 2010 年推出以来，凭借高压缩效率与全功能支持的技术特性，逐步成为替代 JPEG、PNG、GIF 的现代 Web 图像标准，更是网页性能优化、移动端资源轻量化的核心选择。
该格式基于视频编码技术创新，完美解决了传统图像格式在压缩率、功能兼容性上的痛点，目前已被纳入 W3C 标准，成为跨端图像传输的主流方案，其核心目标是提升网页加载速度、降低带宽消耗，特别适用于 Web 和移动应用场景。
对于绝大多数 Web 应用而言，将 JPEG/PNG/GIF 迁移至 WebP 可带来显著的性能收益，且实施成本低、风险可控，WebP 已从'可选优化'转变为现代 Web 开发的标准实践。
开发背景
互联网流量中约 65% 由图像内容占据，传统图像格式存在明显的技术局限性：JPEG 仅支持有损压缩且无透明通道，PNG 支持无损和透明但体积过大，GIF 动画仅能呈现 256 色且压缩效率低。为解决这一问题，Google 基于收购 On2 Technologies 获得的 VP8 视频编码技术，于 2010 年 9 月正式发布 WebP 格式，其核心定位是为网络图像提供兼顾高压缩比、多功能支持、跨平台兼容的一体化解决方案。
WebP 的底层与 Google 开源视频格式 WebM（Web Media）同源，采用 RIFF（Resource Interchange File Format）轻量级容器封装，仅为每张图片增加 20 字节的额外开销，却能实现元数据、色彩配置文件的完整存储。其容器结构具备模块化设计优势，文件以 RIFF 开头，后接 WEBP 标识，内部可包含VP8/VP8L 帧数据（分别对应有损/无损）、ALPH 块（透明度信息）、ANIM/ANMF 块（动画帧）以及ICCP/XMP/EXIF 块（元数据），便于扩展与解析。
WebP 首次实现了单一格式覆盖有损/无损压缩、透明通道、真彩色动画的全场景需求。经过十余年迭代，2018 年其稳定支持库发布，2020 年 Safari 完成原生支持，截至 2026 年，WebP 的生态覆盖度已达到 98% 以上的互联网用户（Can I Use 官方数据），成为 JPEG 和 PNG 的有力替代方案。
核心技术原理
WebP 的技术核心在于针对静态图像优化的视频编码思路，通过有损、无损两套独立的压缩引擎，适配不同的图像使用场景，且两套引擎均实现了比传统格式更高效的算法设计。
有损压缩
WebP 有损压缩基于 VP8 视频编码的帧内预测技术，并非简单复用视频编码逻辑，而是针对静态图像做了轻量化改造，核心是仅对像素块的差异数据进行编码，而非编码全部像素信息。在相同主观质量下，WebP 有损图像文件体积比 JPEG 小 25%-35%，且相较于 JPEG 的离散余弦变换（DCT），WebP 的预测编码能更好地处理图像渐变区域，减少块状伪影，在低质量压缩下的画质表现远优于 JPEG。
其核心编码流程为：
- 色彩空间转换：将 RGB 格式转为 YUV 4:2:0，利用人类视觉对亮度的敏感度远高于色度的特性，减少色度分量的存储数据，不影响视觉体验；
- 宏块分割：将图像分割为 8×8 或 16×16 的宏块，作为编码基本单元；
- 多模式预测编码：通过 H_PRED（水平）、V_PRED（垂直）、DC_PRED（均值）、TM_PRED（真运动）四种核心模式，结合相邻像素块的信息预测当前宏块的像素值，其中 TM_PRED 为 VP8 独有模式，能通过周边像素的差值更精准还原图像细节；
- 量化与熵编码：对预测后的像素差异数据进行量化压缩，再通过熵编码完成最终数据封装，仅保留有效信息。
无损压缩
WebP 无损压缩采用自研的 VP8L 算法，结合LZ77 字典压缩、霍夫曼编码与像素块过滤技术，同时融入自适应颜色缓存、前缀编码等优化手段，核心是通过像素间的关联性做预处理，再进行无损数据压缩。在完全保留原始像素信息的前提下，文件体积比 PNG 小 26%。
该引擎的核心优势在于透明通道的高效支持：无损 WebP 开启 8 位 Alpha 透明通道时，仅需额外增加 22% 的字节，而有损 WebP 也支持透明通道，，这是传统格式无法实现的技术突破。
