JPG、PNG、WebP、AVIF 对比：该用哪种图片格式？

每种图片格式都是文件体积、画质、兼容性和透明度等功能之间的不同取舍。选对了，文件小巧、处处能开；选错了，就会得到 30 MB 的扫描件或白边呈锯齿状的 logo。以下是每种格式的真正用途。

隐私优先：每张图片都在你的浏览器中本地处理。任何内容都不会上传、存储或传输到任何服务器。

JPG — 通用照片格式

JPG（1992 年）通过丢弃眼睛几乎察觉不到的细节来压缩照片，可用画质设置调节。画质 75–85 时文件很小、观感极佳；地球上任何设备和程序都能打开。局限：没有透明度，而且每次重新保存都会再丢一点细节。用于必须在任何地方都能打开的照片。

PNG — 无损，带透明度

PNG 精确存储像素并支持完整的 Alpha 透明度，因此是 logo、截图、界面图形以及任何需要反复编辑的图片的标准。代价是体积：照片存成 PNG 会膨胀到 JPG 的好几倍，因为摄影噪点无法无损压缩。PNG 用于图形和工作副本，不要用来交付照片。

WebP — 现代网页的默认选择

WebP 两样都行：有损压缩比同等画质的 JPG 小 25–35%，带透明度的无损模式又远小于 PNG。2020 年以来所有浏览器都支持。唯一的短板在网页之外 — 老旧的桌面软件、打印机和部分上传表单仍会拒绝它。凡是在网站上展示的内容都用 WebP。

AVIF — 文件最小、最新的格式

基于 AV1 视频编码的 AVIF 能生成主流格式中最小的文件 — 同等画质下常常只有 JPG 的一半 — 并支持透明度和 HDR。浏览器支持如今已经普及，但工具链和网页之外的软件还在追赶。在字节最金贵、且你能掌控分发的场合使用，并为旧环境准备兜底方案。

GIF、SVG 和 HEIC — 各司其职的专家

GIF 纯粹靠简单动画活着；对静态图片它早已过时（256 色、文件巨大）。SVG 根本不是像素而是矢量几何 — 对需要任意缩放的图标和 logo 完美，对照片毫无意义。HEIC 是 Apple 的高效相机格式：在设备上很棒，在其他任何地方都别扭，文件一离开 Apple 生态，通常就会被转成 JPG。

决策速览

日常分享的照片 → JPG。放到网站上的一切 → WebP（能管好兜底方案就用 AVIF）。logo、截图或需要透明 → PNG（纯网页用 WebP）。需要任意缩放 → SVG。来自 iPhone、要发给别处 → 把 HEIC 转成 JPG。拿不准时，照片用 JPG、图形用 PNG，永远不会是灾难。