# WebP vs AVIF vs JPEG：Mac 上到底用哪个（附真实文件大小测试）

> 三种现代图片格式，三种不同取舍。这是 Mac 上的真实对比测试，附给网页、设计、归档场景的具体推荐。

- Canonical page: https://obelisk.club/blog/webp-vs-avif-vs-jpeg-mac-zh
- Author: Peter Zhang
- Published: 2026-05-17
- Tags: mac, image-formats, webp, avif, jpeg, quickpix, 中文

每隔几年「网页最佳图片格式」的辩论就重启一次。2026 年 Mac 上值得认真考虑的选手是 **JPEG**（万能默认）、**WebP**（Google 2010 年推出的替代，现在几乎全平台支持）和 **AVIF**（基于 AV1 的 2019 年新挑战者）。每个格式因不同原因胜出。

这篇是我用 QuickPix 和 macOS 自带 `sips` 把同一图片跑过三种格式后的结论，以及 Mac 用户实际遇到的场景下我推荐用哪个。

## 一句话三个格式

- **JPEG**：1992 年的编码器，任何东西都能读。成熟、快、有损、保底。
- **WebP**：Google 对 JPEG 的现代化。同样的有损/无损取舍，同等质量下文件更小。
- **AVIF**：用 AV1 编解码器编码。同等质量下文件最小，但编码可能很慢（取决于编码器和速度设置），且不是所有工具都支持。

如果只记三个数字：**在大致相同的质量下，我测的这张照片 WebP 比 JPEG 小约 22%，AVIF 比 JPEG 小约 36%。**你的图片会不一样，所以下面写清楚了怎么重复这次测试。

## 真实测试（一张照片，三种格式）

我测的是一张真实的手机照片，你可以自己重复。这张照片是公有领域（CC0）的作品，用三星 Galaxy A7 拍摄，发布在 Wikimedia Commons，文件名为 "!Defurovy Lažany - náměstí.jpg"（作者：Wikimedia Commons 用户 01x07x2022000）。我把它缩放到 4032 × 3024 像素（1200 万像素），存成无损 PNG 作为参照（14.9 MB）。然后每种格式都从这张 PNG 编码，并选了质量接近的设置，质量用相对参照的 PSNR 衡量（数值越高越接近原图）：

| 格式 | 文件大小 | 对比 JPEG | PSNR | 编码器 | 耗时 |
|---|---|---|---|---|---|
| JPEG，质量 50 | 1.54 MB | — | 38.4 dB | `sips` | 0.19 秒 |
| WebP，质量 80 | 1.19 MB | 小 22% | 38.6 dB | `cwebp` 1.6.0 | 0.73 秒 |
| AVIF，质量 60 | 0.99 MB | 小 36% | 38.7 dB | `sips` | 0.41 秒 |
| AVIF，质量 60 | 0.97 MB | 小 37% | 38.5 dB | ImageMagick 7.1.2 | 0.65 秒 |

测于 2026 年 10 月，Apple M4、macOS 27.0.1、`sips` 316；耗时三次运行结果一致。信这些数字之前有两点要知道。不同编码器的「质量」不是同一把尺子，所以这里 JPEG 用的是 50 而不是 80：`sips` 质量 80 生成的文件是 3.09 MB、43.7 dB，远高于其他几行。另外 PSNR 只是粗略的尺子，不等于你的眼睛，发布前请亲自看一眼结果。JPEG 这一行的质量比其他略低（38.4 dB，其他在 38.6 dB 以上），所以同等质量下的真实差距比表里稍大。

这次测试里 AVIF 体积最小、JPEG 最快、WebP 体积居中。AVIF 在这里并不慢（用苹果的编码器每张不到一秒），但这只是默认速度下的一张照片；更慢的 AVIF 设置和大批量处理会改变结论，本文后面的 `--speed` 说明能看到差多少。

## 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。据我了解（Sequoia 时的情况，新版本我没有核实），Preview 的导出列表里没有 WebP 和 AVIF。系统框架支持这些格式——苹果只是没在 Preview 里暴露。

### 转 WebP：用 cwebp，不是 sips

我在 macOS 27.0.1（2026 年 10 月）实测，`sips -s format webp` 会报 `Can't write format: org.webmproject.webp`，写不出 WebP（sips 能读 WebP）。可靠的办法是装 `webp`（带 `cwebp`）：

```bash
brew install webp

# WebP 质量 80
cwebp -q 80 input.jpg -o output.webp

# 无损 WebP
cwebp -lossless input.jpg -o output.webp
```

也可以用 ImageMagick：`magick input.jpg -quality 80 output.webp`。

### 命令行转 AVIF

`sips` 在 macOS 27.0.1（2026 年 10 月实测）可以写 AVIF：`sips -s format avif input.jpg --out output.avif`（更早的 macOS 版本我没有核实）。但 sips 不能调编码速度，要精细控制可以用 `avifenc`：

```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（cwebp + avifenc 等），而且你每周都要转换一个文件夹：

1. 把文件夹拖到 [QuickPix](https://obelisk.club/quickpix)
2. 选输出格式（JPEG、WebP、AVIF）
3. 选质量预设
4. 保存

QuickPix 以 sips 为引擎处理图片，并封装了现代格式的导出。文件夹监听（Pro）会在新图片进来时就转换好——对通过 Dropbox 或 Slack 收素材的设计团队有用。

## 其他值得了解的格式

几个会被提到但用之前要想清楚的格式：

- **HEIC**：苹果的现代格式。压缩出色。用于苹果设备上个人照片归档。开放网络上避免（Android 浏览器不原生渲染）。HEIC 转 WebP/AVIF 是常见的一步管道。
- **JPEG XL**：纸面上技术最好的图片格式——文件最小、有无损模式、动画。Chromium 在 2023 年移除了支持，但 2026 年又回来了：据报道 Chrome 145（2026 年 2 月）以实验开关加入了解码器，Chrome 155（2026 年 10 月公布）开始提供解码支持（我没能从 Chrome 官方发布说明核实它是否默认开启）；Safari 已支持，Firefox 目前只在 Nightly 的开关后。截至 2026 年 10 月，通用网页仍应准备回落格式。
- **PNG**：用于截图、UI 设计稿、任何有锐利边缘或透明的图。别用于照片——JPEG/WebP/AVIF 在自然图像上文件大小完胜 PNG。
- **GIF**：别用。用 MP4 或动画 WebP。GIF 是 1989 年的格式，为 256 色终端优化的。现代替代小 10 倍且看起来更好。

## 最佳质量配方

具体起始参数，常见场景：

```bash
# 营销页 hero 图（1920×1080，照片）
# WebP 质量 82——典型观看距离视觉无法区分
magick hero.jpg -resize 1920x1920 -quality 82 hero.webp

# 博客内嵌图片（最大 1200px 宽，照片）
magick photo.jpg -resize 1200x1200 -quality 78 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` 默认输出 WebP，AVIF 需要在 `images.formats` 里自己加上，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](https://obelisk.club/quickpix) 把三种格式封装到一款原生 Mac 应用——拖文件夹、选格式和质量、保存。Pro 版给设计团队的文件夹监听。免费版处理无限的单格式批量。

[macOS sips 命令完全指南（中文）](https://obelisk.club/blog/macos-sips-command-line-guide-zh) 涵盖了苹果 CLI 工具能做的一切。

## 常见问题

### 2026 年 AVIF 比 WebP 好吗？

文件大小上：是，同等质量下通常比 WebP 小 25-30%。实用上：取决于你的工具。AVIF 浏览器普遍支持（Safari 16+、Chrome、Firefox）但第三方图片编辑器、设计工具、邮件客户端仍然滞后。WebP 是更安全的默认；高影响力图片在你控制的表面上用 AVIF。

### macOS 原生支持 AVIF 吗？

macOS Ventura 起 Preview、Photos、Quick Look 都能读 AVIF。写 AVIF：我在 macOS 27.0.1（2026 年 10 月）实测 `sips -s format avif` 可以导出；更早版本（如 Sequoia）我没核实，那就用第三方编码器（`libavif`、ImageMagick，或 [QuickPix](https://obelisk.club/quickpix) 这类 GUI）。

### 我应该把所有 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 应用——大多数现代应用没问题。