每隔几年「网页最佳图片格式」的辩论就重启一次。2026 年 Mac 上值得认真考虑的选手是 JPEG（万能默认）、WebP（Google 2010 年推出的替代，现在几乎全平台支持）和 AVIF（基于 AV1 的 2019 年新挑战者）。每个格式因不同原因胜出。
这篇是我用 QuickPix 和 macOS 自带 sips 把同一图片跑过三种格式后的结论，以及 Mac 用户实际遇到的场景下我推荐用哪个。
一句话三个格式
- JPEG：1992 年的编码器，任何东西都能读。成熟、快、有损、保底。
- WebP：Google 对 JPEG 的现代化。同样的有损/无损取舍，同等质量下文件更小。
- AVIF：用 AV1 编解码器编码。同等质量下文件最小，但编码慢，且不是所有工具都支持。
如果只记三个数字：一张典型手机照片 JPEG 压到 720 KB，WebP 510 KB，AVIF 370 KB，视觉等效质量下。这是大多数现代网页图片你可以预期的数学。
真实测试（一张图，三种格式）
我拿了一张 12 MP 的 iPhone HEIC 照片（原始 3.8 MB），三种方式压到「Retina 屏视觉上和原图无法区分」：
| 格式 | 文件大小 | 占源大小 % | 编码器 | M2 上耗时 | |---|---|---|---|---| | 源 HEIC | 3.8 MB | 100% | — | — | | JPEG 质量 80 | 720 KB | 19% | sips | 0.2 秒 | | WebP 质量 80 | 510 KB | 13% | sips | 0.4 秒 | | AVIF 质量 60 | 370 KB | 10% | QuickPix（libavif）| 2.1 秒 |
AVIF 胜在体积；JPEG 胜在速度；WebP 是务实的中间地带。
编码时间差异比听起来更重要。单张图，2 秒 vs 0.2 秒没差。200 张要做产品发布的图，就是 7 分钟 vs 40 秒。AVIF 批量编码是「开始之后去喝杯咖啡」级别。
2026 年浏览器和操作系统支持
2018 年「AVIF 不支持」的抱怨基本消失了。当前状态：
| 格式 | Safari | Chrome | Firefox | iOS（保存图片）| macOS Preview | |---|---|---|---|---|---| | JPEG | ✅ | ✅ | ✅ | ✅ | ✅ | | WebP | ✅（14+）| ✅ | ✅ | ✅ | ✅ | | AVIF | ✅（16+）| ✅ | ✅ | ✅（iOS 16+）| ✅ |
AVIF 的注意点：第三方工具（图片编辑器、CMS、邮件客户端、旧版 Keynote）支持不一致。Photoshop 自 2023 起支持 AVIF，但很多你不控制的「野外」工具仍然不行。如果你的图片要去你不能管理的地方，WebP 是更安全的选择。
什么时候用哪个——具体推荐
JPEG 适用于…
- 你不控制图片去向（论坛、评论、邮件、老 CMS）
- 编码速度比文件大小更重要（1000+ 张图赶 deadline）
- 发给非技术人员（右键 → 保存 → 邮件）
- 图片会被早于 2022 年的应用打开
JPEG 仍然是惊人多场景的正确答案。没理由别换默认值。
WebP 适用于…
- 你控制目的地（自己的博客、网站、设计系统）
- 想要比 JPEG 小约 30%、画质损失可忽略
- 2026 年需要不错的通用支持但不想处理 AVIF 编码器细节
- 你为苹果生态发布（Safari 14+ 全支持）
对于 2026 年大多数网站，WebP 是对的默认值。相对 JPEG 几乎是严格改进，没什么要想的。
AVIF 适用于…
- 你为少量高流量图片（首页 hero、OG 卡片）发布，每 KB 都重要
- 你能承担编码时间开销（CI 步骤，不是用户面对）
- 你的 CDN 能在 AVIF 不支持时自动回落（Cloudflare Images、ImageKit）
- 你归档家庭照片，存储节省累积几十年
对于大多数运营者，AVIF 是「次要格式」——为支持的浏览器用 <picture> 标签生成，回落到 WebP 或 JPEG。
Mac 上怎么转
QuickTime / Preview 帮不上忙
macOS Preview 能读三种格式，但只能导出到 JPEG、PNG、TIFF、HEIC。截至 macOS Sequoia，WebP 和 AVIF 导出缺失。系统框架支持这些格式——苹果只是没在 Preview 里暴露。
用 sips 转 WebP
```bash
WebP 质量 80
sips -s format webp -s formatOptions 80 input.jpg --out output.webp
无损 WebP
sips -s format webp -s formatOptions 100 input.jpg --out output.webp ```
WebP 通过 sips 输出在 macOS Sonoma 起可用。批量任务可靠。
命令行转 AVIF
sips 在 macOS Sequoia（2026 年 5 月状态）目前不能输出 AVIF。主流选项：
```bash
通过 Homebrew 装 libavif
brew install libavif
把 JPEG 编码到 AVIF 质量 60（感知质量，数字越低文件越小）
avifenc --min 0 --max 63 --speed 6 -q 60 input.jpg output.avif
批量整个文件夹
for f in *.jpg; do avifenc -q 60 --speed 6 "$f" "${f%.jpg}.avif" done ```
--speed 6 是甜点。--speed 0 最慢（同等大小最高质量）——大约慢 20 倍；--speed 10 最快但损失部分质量优势。
QuickPix 批量转换
如果你不想管两个 CLI（sips + avifenc），而且你每周都要转换一个文件夹：
1. 把文件夹拖到 QuickPix 2. 选输出格式（JPEG、WebP、AVIF） 3. 选质量预设 4. 保存
QuickPix 用 sips 处理 JPEG/WebP，封装 libavif 处理 AVIF 输出。文件夹监听（Pro）会在新图片进来时自动转换——对通过 Dropbox 或 Slack 收素材的设计团队有用。
其他值得了解的格式
几个会被提到但用之前要想清楚的格式：
- HEIC：苹果的现代格式。压缩出色。用于苹果设备上个人照片归档。开放网络上避免（Android 浏览器不原生渲染）。HEIC 转 WebP/AVIF 是常见的一步管道。
- JPEG XL：纸面上技术最好的图片格式——文件最小、有无损模式、动画。但 Chromium 在 2023 年移除了支持没回来。2026 年 JPEG XL 只在 Safari / Firefox 可行，不适用通用网络。
- PNG：用于截图、UI 设计稿、任何有锐利边缘或透明的图。别用于照片——JPEG/WebP/AVIF 在自然图像上文件大小完胜 PNG。
- GIF：别用。用 MP4 或动画 WebP。GIF 是 1989 年的格式，为 256 色终端优化的。现代替代小 10 倍且看起来更好。
最佳质量配方
具体起始参数，常见场景：
```bash
营销页 hero 图（1920×1080，照片）
WebP 质量 82——典型观看距离视觉无法区分
sips -s format webp -s formatOptions 82 -Z 1920 hero.jpg --out hero.webp
博客内嵌图片（最大 1200px 宽，照片）
sips -s format webp -s formatOptions 78 -Z 1200 photo.jpg --out photo.webp
同一图片的 AVIF 回退，用于页面顶部
avifenc -q 55 --speed 6 -j 4 hero.jpg hero.avif
文档截图（PNG → 更小 PNG）
sips -s format png -Z 1200 screenshot.png --out _web/screenshot.png ```
<picture> 元素模式
有了多个格式后，HTML 给每个浏览器服务它支持的最小那个：
``html <picture> <source srcset="hero.avif" type="image/avif"> <source srcset="hero.webp" type="image/webp"> <img src="hero.jpg" alt="Hero image"> </picture> ``
浏览器选第一个支持的 source。Safari 16+ 拿到 AVIF，Safari 14-15 回落到 WebP，更老的回落到 JPEG。这是「安全发布现代格式」的标准模式。
如果你用静态站点生成器或 CMS，找「自动生成 AVIF/WebP 变体」的插件——Next.js 在 next/image 组件里有，Hugo 通过图像处理，Jekyll 通过 jekyll-picture-tag gem。
我的实际做法
obelisk.club 上大多数发布的东西：WebP 质量 80，单格式。不生成 AVIF，因为低流量站点编码时间不值得换那点字节。如果运营被百万人看的电商首页，AVIF + <picture> 回退就值得 CI 成本。
个人照片归档：HEIC（iCloud）加定期WebP 镜像到 NAS 给非苹果设备访问。
一次性上传（Discord、Slack、邮件）：JPEG 质量 85，因为所有东西都还能理解它，文件大小对大多数场景够小。
结语
别假设 AVIF 默认胜出。格式数学取决于图片去哪。WebP 是大多数网页工作的无聊正确答案；AVIF 对高流量关键图片值得；JPEG 在目的地不明时仍是正确答案。
如果你每周压图，QuickPix 把三种格式封装到一款原生 Mac 应用——拖文件夹、选格式和质量、保存。Pro 版给设计团队的文件夹监听。免费版处理无限的单格式批量。
macOS sips 命令完全指南（中文） 涵盖了苹果 CLI 工具能做的一切。
常见问题
2026 年 AVIF 比 WebP 好吗？
文件大小上：是，同等质量下通常比 WebP 小 25-30%。实用上：取决于你的工具。AVIF 浏览器普遍支持（Safari 16+、Chrome、Firefox）但第三方图片编辑器、设计工具、邮件客户端仍然滞后。WebP 是更安全的默认；高影响力图片在你控制的表面上用 AVIF。
macOS 原生支持 AVIF 吗？
macOS Ventura 起 Preview、Photos、Quick Look 都能读 AVIF。写 AVIF 需要第三方编码器（libavif、ImageMagick，或 QuickPix 这类 GUI）——截至 Sequoia，苹果的 sips 还不能导出 AVIF。
我应该把所有 JPEG 转成 WebP 吗？
如果它们托管在你控制的网站上而且站点还没自动服务 WebP——是的，能省 25-35% 带宽，没可见画质损失。如果是 iCloud 或本地归档里的个人照片，留着 JPEG/HEIC——带宽节省不适用，格式转换是有损的。
WebP 质量应该用哪个等级？
质量 75-85 覆盖 95% 场景。质量 80 是最常见的默认值，在典型观看距离下产出和 JPEG 源视觉上无法区分的结果。每字节都重要的 hero / 营销图：降到 70-75。高细节产品摄影：升到 85-90。90 以上文件大小成本超过可见改进。
苹果设备显示 WebP 和 AVIF 吗？
会。Safari 自 14（2020）支持 WebP，自 16（2022）支持 AVIF。iOS Photos、macOS Photos、Preview 都显示两种格式。Mail、Messages、Notes 也正确渲染。剩下的边缘情况是几年没更新图片处理代码的第三方 Mac 应用——大多数现代应用没问题。