AVIF、WebP、JPEG、PNG：2026 年，该在何时选用哪种格式
发布于 2026-07-20
到了 2026 年，四种格式基本上涵盖了网络上的所有图片，而好消息是，对于任何一项具体任务，你几乎不需要在两种以上的格式中纠结。这里是一份带有真实数据的实用决策指南，外加那些沿用了 30 年的 JPEG 仍然是正确答案的场景。
候选者，一句话概括
JPEG（1992 年）：有损压缩，为照片而生，被普遍接受。PNG（1996 年）：无损压缩，支持透明，边缘清晰，被普遍接受。WebP（2010 年）：兼具有损和无损模式，支持透明和动画，压缩效果大致比 JPEG 领先一代。AVIF（2019 年，基于 AV1 视频编解码器构建）：当前的压缩冠军，支持透明、动画和 HDR，代价是编码速度慢，浏览器之外的支持也比较参差不齐。
那 HEIC 和 JPEG XL 呢？
有两种格式你会遇到，但大多数情况下不应该用它们来发布内容。HEIC 是 iPhone 默认拍摄的格式：压缩效果出色，但实际上是苹果生态系统专属的格式，在浏览器和 Windows 上的支持并不可靠，所以分享前请先转换成 JPEG。JPEG XL 在技术上非常出色，纸面上可以说是最全能的选手，但它的普及之路相当混乱：Chrome 在 2022 年移除了对它的实验性支持，而 Safari 后来又加入了支持，这种僵持局面让它一直无法进入「安全使用」的名单。在这一局面尘埃落定之前，最好把这两种格式当作拍摄或存档格式，而不是用于最终发布的格式。
压缩效果，附上具体数字
对于视觉质量相当的典型照片而言，WebP 通常比 JPEG 小 25% 到 30%，而 AVIF 通常比 JPEG 小 40% 到 50%，且在高压缩强度下优势最为明显。具体来说：一张以质量 80 保存的 1.2 MB JPEG，转换成 WebP 后通常约为 850 KB，而在相近质量下转换成 AVIF 则约为 600 到 700 KB。对于无损处理，经过优化的 PNG 是基准线，无损 WebP 通常能比它再小 20% 到 25%。
AVIF 的这些数据有两个附带条件。首先，编码速度较慢，每张图片需要几秒钟而不是几毫秒，这一点对构建流水线和批量转换来说很重要。其次，在非常低的质量设置下，AVIF 的失真方式和 JPEG 不同：它不是产生块状伪影，而是把皮肤纹理、树叶等精细纹理抹平。乍一看会显得更「干净」，但仔细观察时可能会显得有塑料感。
比较时有一个陷阱：质量滑块在不同格式之间并不可比。JPEG 质量 80、WebP 质量 80、AVIF 质量 80 描述的其实是三种不同的内部刻度，所以「相同质量设置」的比较毫无意义。正确的做法是在你认为可接受的视觉质量水平下比较输出文件大小，实际操作起来就是压缩到目标大小后并排检查结果。
浏览器支持已经不是问题；其他方面则未必
到 2026 年，浏览器兼容性这个问题已经很简单了：每一款主流常青浏览器都能渲染这四种格式。WebP 自 2020 年起在各处都很安全，AVIF 则自 2022 年 Safari 16 发布起也是如此。真正的兼容性问题现在都出现在浏览器之外：无法渲染 WebP 或 AVIF 的邮件客户端、较旧的内置图片查看器、只接受 .jpg 和 .png 的上传表单、印刷厂，以及会重新编码或拒绝陌生格式的 CMS 或社交平台流水线。这就引出了本指南中最实用的一条规则：在你自己能控制的网页上，可以放心使用现代格式；而对于要交给别人系统处理的文件，JPEG 和 PNG 仍然是通用语言。
透明度与动画
JPEG 完全不支持透明，这一点毫无争议；PNG、WebP 和 AVIF 都支持 alpha 通道。有意思的情况是带透明背景的照片类图像，比如从背景中抠出的产品图：如果保存为 PNG，这类文件会非常庞大，因为 PNG 对照片级细节的压缩效果很差，而把它转换成带 alpha 通道的 WebP 通常能把体积削减 80% 到 90%。至于动画，动态 WebP 和 AVIF 都比 GIF 小得多，因为 GIF 受限于 256 色和 1987 年那个时代的压缩技术。不过对于超过几秒钟的内容，一个静音的循环视频文件会胜过任何图片格式。
什么时候 JPEG 和 PNG 依然是正确选择
当兼容性比字节数更重要时，JPEG 依然是正确的选择：邮件附件、要提交到表单和门户网站的文件、任何要送去印刷的内容，以及那些反正会重新编码上传内容的平台（大多数社交网络），在这种情况下，你精心调校的 AVIF 到达后还是会被转换成他们自己的 JPEG。JPEG 编码几乎是瞬时完成的，并且支持渐进式渲染，因此在网速较慢时也能较早地显示出一张可用的图片。
PNG 在截图、UI 原型图、图表和 Logo 等场景下依然是正确的选择，也就是那些以硬边缘和纯色为主的场合，因为有损编解码器会在锐利的边缘周围产生明显的振铃伪影。经典的反向错误是：把照片保存成 PNG，这会导致文件体积大出 5 到 10 倍，却没有任何肉眼可见的好处。我们在《JPG 对比 PNG 对比 WebP》一文中详细讲过这个坑，以及这三种较老格式的基础知识。
五句话讲清楚该怎么选
放在你自己能控制的网站上的照片：用 AVIF，并通过 picture 元素提供 WebP 或 JPEG 作为后备方案。要发送到邮件、上传表单或用于印刷的照片：用 JPEG。截图、图表或 Logo：用 PNG，或者在你能控制目标环境时使用无损 WebP。需要透明背景的照片：用 WebP 或 AVIF。短动画：用动态 WebP 或 AVIF，或者更好的做法是用一个体积小的循环视频。
而在选择格式之前，先检查一下分辨率。一张 4000 像素宽的照片如果显示在一个只有 800 像素宽的栏目里，浪费掉的字节数是任何编解码器都无法帮你挽回的，所以应该先调整到实际显示尺寸，再来挑选格式。
至于转换本身，norito 的图片格式转换工具可以直接在你的浏览器中在 JPG、PNG 和 WebP 之间切换，而图片压缩工具则能把这几种格式的任意一种压缩到目标文件大小。如果你正在纠结在画质明显受损之前究竟能压缩到什么程度，这篇指南介绍了真正重要的那些设置。