JPEG XL 与 AVIF 在网页场景下的实测对比
来源:jakearchibald.com — 2026-10-15
📋 概述
Jake Archibald 在 JPEG XL 进入所有主流浏览器之后,做了一轮系统基准(多张图、多档位、多种编码器,M4 Pro):有损照片上 AVIF 通常更小,默认档下最好的 JPEG XL 大约大 15%~25%,最高档收窄到 6%~20%,但也有 JPEG XL 反超的个例;截图与插画恰恰相反,等价 JPEG XL 大 30%~90%,所以有损 AVIF 已经够用,不必上无损;带透明度的图 AVIF 仍明显更好,而 jixel 总是无损编码透明通道,体积是 AVIF 的 2~3 倍。编码器差别很大——jixel 通常比 libjxl 更小,只有透明细节多时例外;libjxl 的高档位几乎只换来更慢更吃内存,有时文件还更大。他的实用结论是:默认用 AVIF 4:4:4 加尽可能高的档位,某张图明显偏大时再试 jixel 的 JPEG XL,并且一定要拿自己的图实测,别信 AI 复述的传言。
🔑 核心要点
- 有损照片:默认档下最好的 JPEG XL 通常比 AVIF 大 15%~25%,最高档收窄到 6%~20%
- 截图与插画相反:等价 JPEG XL 大 30%~90%,有损 AVIF 就够用,除非真需要逐位一致
- 带透明度:libjxl 版本大 31%~44%,而 jixel 始终无损编码透明通道,体积是 AVIF 的 2~3 倍
- 编码器影响巨大:jixel 通常比 libjxl 产出更小的文件,只有透明细节多时例外
- 解码仍是 AVIF 更快,JPEG XL 中等质量下常要 2~3 倍时间,很高画质时差距收窄
- 实用建议:默认 AVIF 4:4:4 配尽可能高的档位,个别图再试 jixel,不要相信 AI 复述的传言,用你自己的图测
💡 金句
围绕这些东西有大量错误信息,而你的 AI 会很乐意把这些错误信息交给你。还是用你自己的图片实测吧。
👍 0
👎 0
← 返回 Lobsters 首页