图片格式转换完全指南：何时该用 PNG / JPG / WebP / AVIF

关键观察：AVIF 文件最小但兼容性最差；JPEG 兼容性完美但不支持透明。

1. 需要透明背景？
   ├─ 是 → PNG / WebP / AVIF
   └─ 否 → 进入第 2 步

1. 是照片还是图标 / 图形？

1. 用户浏览器可能很老吗？

1. 文件体积是关键吗？

JPEG (DCT + Huffman)：分块 8×8 离散余弦变换，按人眼敏感度丢弃高频信息。适合照片，但有明显块状压缩痕迹。

PNG (DEFLATE / zlib)：无损压缩，逐像素预测（Predictor）+ Huffman 熵编码。适合图标，但对照片来说冗余度高，文件大。

WebP (VP8 / VP8L)：谷歌基于 VP8 视频编码器开发。有损模式下用现代变换编码（比 DCT 更高效），无损模式下用色彩缓存和预测。相比 JPEG 同质量能省 25-35% 体积。

AVIF (AV1)：最新的视频编码标准。比 VP8 更激进的分块、变换、熵编码。同等质量下比 WebP 再省 20-30%，是目前最高效的。但编码时间超长（可能要几分钟），CPU 消耗大。

实测数据（同一张 2000×1500 相机 JPG）： - JPEG 品质 85：950 KB（基准） - PNG：2.8 MB（无损转换） - WebP 品质 85：680 KB（-28%） - AVIF 品质 65：480 KB（-49%，几乎 1/2）

<!-- 现代方案：picture 元素 + source fallback -->
<picture>
  <source srcset="image.avif" type="image/avif" />
  <source srcset="image.webp" type="image/webp" />
  <img src="image.jpg" alt="描述" />
</picture>

浏览器从上到下依次尝试，支持的第一个 type 就用那个，都不支持就用最后的 <img> JPEG 降级。

兼容性数据（2026 年）： - AVIF：Chrome 85+（全覆盖）、Firefox 93+、Safari 16+、Edge 85+。不支持：Safari 15 及更早、iOS Safari 16 以下、Android 9 及更早 - WebP：所有现代浏览器，除了 IE（2022 年停止支持） - JPEG / PNG：100%，包括所有古董浏览器

对中国用户而言，AVIF 的 iOS 兼容性特别需要关注（iPhone 12 及更早的 iOS 16 以下看不了）。

不同平台对上传格式的处理：

• 微博 / 小红书：接受 JPG / PNG，会自动转 WebP 并 CDN 处理
• 抖音：转 MP4 视频（处理图片作为视频首帧）
• 微信：接受 JPG / PNG，会压缩并针对移动适配
• Facebook / Instagram：自动转最优格式（可能是 WebP / AVIF）
• GitHub / GitLab：不转，原样保存（源代码仓库）
• CDN（阿里云 / 七牛）：支持 on-the-fly 转换，URL 参数指定格式

建议：上传照片用 JPG（通用且小），上传图标 / logo 用 PNG（保留细节）。云 CDN 会帮你做多格式适配。

iPhone 12 及以后默认拍照格式是 HEIC（High Efficiency Image Container），比 JPG 小 40% 左右。但很多网站、应用、老设备不支持，必须转换。

方案 1：本地转换（本工具支持） - 上传 HEIC 文件 → 选择转换为 JPG / PNG / WebP - 本工具自动解码 + 转换，下载 JPG

方案 2：在线转换（cloudconvert.com 等）

方案 3：批量转换（命令行） ``` # macOS 用 ImageMagick convert input.heic output.jpg

# 或用 ffmpeg ffmpeg -i input.heic output.jpg ```

转换后通常选 JPG 品质 85 能达到平衡。