先说结论：2026 年做网页，默认用 WebP——比 JPEG 小很多，且该支持的地方都支持。想要极致小、受众又用现代浏览器，用 AVIF。只有在要最大兼容、或下游系统硬性要求时才留着 JPEG。

下面展开。

同等质量下，大致是：

  • JPEG —— 基准线。哪都能用，几十年的老格式。
  • WebP —— 同质量比 JPEG 小约 25%~35%。当前所有主流浏览器、多数 App 和平台都支持。
  • AVIF —— 比 JPEG 小约 50%，照片有时更多。压得最狠，但编码更慢，部分老旧或小众软件不支持。

所以体积排序基本always是 AVIF < WebP < JPEG。

但体积不是唯一

  • 兼容性：JPEG 真的哪都能用；WebP 现在做网页很稳；AVIF 在浏览器里很棒，但个别老邮件客户端、某些 CMS、少数看图软件会翻车。
  • 编码速度：AVIF 压得慢。单张无感，几百张批量就累积出差距。
  • 透明背景：WebP 和 AVIF 支持透明（像 PNG），JPEG 不支持。要透明底，JPEG 直接出局。
  • 照片 vs 图形：纯色图形、Logo、带锐利边缘的截图，这三种格式都不理想——通常该用矢量 SVG。

一个简单法则

  • 网页图片，默认 → WebP。
  • 要最小、用户又在现代浏览器 → AVIF（讲究的话留个 WebP/JPEG 兜底）。
  • 邮件附件、老系统、「给我一张普通图就行」 → JPEG。
  • Logo / 图标 / 纯色图 → 这几种都别用,转成 SVG 矢量图。
  • 要透明 → WebP 或 AVIF（更看重兼容就 PNG）。

两种都试一下

对具体某张图，最实在的答案是：导一份 WebP、导一份 AVIF，比体积、比观感，留更好的那张。同一格式下的质量并不完全可预测——噪点多的照片和干净的插画，压缩表现差很远。

把图拖进图片压缩工具，切换输出格式，实时看体积变化。这是给你这张图定 WebP-还是-AVIF 最快的办法。

拿不准选哪个？打开图片压缩，拿自己的图试 WebP 和 AVIF，留赢的那个。