概述
JPG在网络上已经主导了30年。WebP是由Google推出的，用以替代它。AVIF是最新的竞争者，提供三者中最佳的压缩效果。
本指南比较了三种格式在文件大小、质量、浏览器支持、透明度和易用性方面的表现。
正面比较
文件大小
JPG: JPG在相同质量下生成的文件最大。典型照片在JPG格式下可能为200KB。
WebP: WebP通常比JPG小25-35%，在相同视觉质量下。
Winner: AVIF（比JPG小50%）
图像质量
JPG: JPG在高压缩水平下显示压缩伪影。
WebP: WebP在相同文件大小下保持比JPG更好的质量，压缩伪影更少。
Winner: AVIF
浏览器支持
JPG: JPG在100%的浏览器和设备中得到支持。
WebP: WebP在所有现代浏览器中得到支持。全球支持率超过97%。
Winner: JPG
透明度
JPG: JPG根本不支持透明度。
WebP: WebP完全支持alpha通道透明度。
Winner: AVIF（最佳透明度压缩）
编码速度
JPG: JPG编码和解码速度极快。
WebP: WebP编码速度适中，比JPG稍慢。
Winner: JPG
三代图像编码
这三种格式代表了压缩技术的连续几代发展。
JPG（1992年）使用8x8 DCT块和量化技术，对照片简单有效，但不支持透明度，只能输出有损格式。[1][2]WebP应用基于VP8的帧内预测加变换编码，并增加了alpha通道、无损和动画支持。[3]AVIF将用AV1视频编码器编码的静止图像包装在ISO Base Media File Format容器内，带来了三者中最先进的预测和分割工具。[5][6]
压缩和保真度
通常，在相当的质量下，AVIF生成的文件最小，WebP居中，JPG最大，这反映了各编码器预测和熵编码的日益复杂性。[5]AVIF和WebP都支持透明度和宽色域，AVIF另外还支持高动态范围和高比特深度，这些功能在基础JPG中缺失。[6][4]
编码成本和色深
这些编码器在编码工作量上差异显著。JPG几乎瞬间编码；WebP的计算量适度较重；AVIF来自视频编码器，编码时最耗计算资源，但解码速度快。[5]JPG和WebP每个颜色通道存储8比特，而AVIF支持10和12比特，使梯度更平滑且支持HDR。这种更高的比特深度是AVIF被偏好用于高质量和宽色域图像的原因之一。[6]
Standardization
JPEG由ITU-T T.81和ISO/IEC 10918定义。[1][2]WebP由IETF RFC 9649规定。[3]AVIF由开放媒体联盟指定，基于无专利费AV1编码器构建，这是其采用的重要因素，因为它避免了某些编码器附带的专利许可复杂性。[5][6]
兼容性和应用
JPG保持通用兼容性，是交换的安全选择。[2]WebP在现代浏览器中享有广泛支持，是实用的网络升级。AVIF提供最佳压缩但解码器生态最年轻且编码较慢，因此最适合在现代客户端支持有保证且带宽节省至关重要的场景。一种常见的交付策略是先提供AVIF，再提供WebP，最后提供JPG作为备选方案。[5]
参考资料
常见问题
我应该用WebP替换所有JPG吗？
对于新网站是的 - WebP提供25-35%更小的文件，浏览器支持率超过97%。使用HTML5图片元素提供WebP并回退到JPG。
AVIF比WebP更好吗？
AVIF具有更好的压缩（比WebP小20-30%），但编码速度较慢，浏览器支持略低。WebP是大多数情况下更安全的实用选择。
哪种格式最适合照片？
质量为80的WebP在文件大小和质量之间提供最佳平衡。如果您的受众使用现代浏览器，AVIF更好。
哪种格式最适合徽标和图标？
如果可能，使用SVG格式的徽标和图标。如果需要光栅格式，请使用无损的WebP或PNG。
我可以在不损失质量的情况下将 JPG 转换为 WebP 吗？
使用无损 WebP 模式以实现零质量损失，但与有损 WebP 相比，文件大小优势有所减少。