JPEG / PNG / WebP / AVIF / JXL 该选哪个？
五种格式，五套取舍。本文讲清各自到底怎么压缩、在什么地方会翻车，以及怎么不用猜地做选择。
一句话结论
照片在兼容性优先时用 JPEG；稳妥的现代默认是 WebP；追求最小体积用 AVIF；只要图里有锐利边缘、文字或透明，就用 PNG。需要现代归档级格式、并且能控制打开它的软件时，用 JXL。
各格式的压缩原理
JPEG —— 通用老兵
JPEG 自 1992 年起就是照片的事实标准，至今仍是所有工具、浏览器、打印机都认识的那个。它是有损的：把图像切成块、变换到频率域，然后丢掉人眼最不敏感的高频细节。所以质量压得太低时，边缘会出现典型的块状和马赛克噪点。
优点：照片体积小、支持面最广、编解码都快。缺点：不支持透明，对锐利边缘和文字表现差，而且每次另存都会再次劣化 —— 不要反复重压同一张 JPEG。
PNG —— 无损的代价与收益
PNG 精确存储每一个像素。它用预测滤波加 DEFLATE，所以在大面积重复的情况下压缩效果很好 —— 纯色块、界面截图、图表、logo。它还支持完整的 Alpha 透明，这是 JPEG 做不到的。
优点：像素级精确、支持透明、文字与线稿的理想选择。缺点：照片压缩极差 —— 同一张照片存成 PNG 常常比 JPEG 大 5 到 10 倍。值得注意的是，本工具的 PNG 输出始终是无损的，这也是「一点画质都不能损失」时最保险的选择。
WebP —— 务实的中间派
WebP 是 Google 作为 JPEG/PNG 的改良替代而设计的，两种活都能干：照片用有损模式，图形用无损模式，并且都支持 Alpha 透明。实测中，同等画质下 有损 WebP 通常比 JPEG 小 25–35%，而且现在所有主流浏览器都支持。
优点：省体积且支持广泛；有损模式下也支持透明。缺点：少数老旧或小众工具仍打不开；无损 WebP 未必优于优化过的 PNG。
AVIF —— 体积最小
AVIF 基于 AV1 视频编码，是目前广泛使用中效率最高的格式。相比 JPEG，在相同观感下通常能做出小得多的文件 —— 常常只有一半左右 —— 同时支持透明、广色域和 HDR。
优点：压缩率明显领先，特性现代。缺点：编码慢（单张以秒计，而非毫秒），很老的浏览器无法显示。批量处理时，这是「耐心最值钱」的格式。
JXL —— 现代归档之选
JPEG XL（JXL）被设计为 JPEG 的继任者。它同时提供有损和无损模式，支持完整 Alpha 透明、广色域、HDR 和渐进式解码。在同等观感下，它通常比 JPEG 更小，因此很适合归档，以及由你掌控解码端的处理流程。
优点：单一格式兼顾有损与无损、压缩效率高、特性现代且无专利授权费。缺点：较高效能档位下编码慢；浏览器显示支持仍不均衡 —— Chrome 和 Firefox 默认不能显示 JXL，所以它还不能在开放网页上安全替代 WebP 或 AVIF。tinyimg 可以编码和解码 JXL，但请先确认你的目标读者能打开它。
横向对比
| 格式 | 压缩方式 | 透明 | 最适合 | 注意 |
|---|---|---|---|---|
| JPEG | 有损 | 否 | 照片、兼容性优先 | 低质量出噪点；重复保存会劣化 |
| PNG | 无损 | 是 | 截图、界面、logo、文字 | 存照片体积极大 |
| WebP | 有损 + 无损 | 是 | 通用现代默认 | 偶有工具不支持；无损常不如 PNG |
| AVIF | 有损 + 无损 | 是 | 最小体积、图片密集型站点 | 编码慢；需要较新浏览器 |
| JXL | 有损 + 无损 | 是 | 归档、高质量照片、可控的处理流程 | 编码慢；浏览器显示支持不均衡 |
按「这张图是什么」来选
- 照片（人像、风景、产品图）—— 能接受编码耗时就先上 AVIF，否则用 WebP。只有下游工具强制要求时才回到 JPEG。
- 截图或界面稿 —— PNG，或无损 WebP。1 像素的细线和文字，正是有损格式最容易糊掉的地方。
- 纯色 logo / 图标 —— PNG 或无损 WebP；如果原本是矢量做的，考虑用 SVG。
- 需要透明的图 —— PNG、WebP、AVIF 或 JXL。JPEG 根本做不到。
- 已经高度优化过的图 —— 别动它。重压优化过的文件经常反而更大。
网页场景的实用答案：同时导出 AVIF 和 WebP，再用 <picture> 配 JPEG 兜底。新浏览器拿到小文件，老浏览器仍能正常显示图片。
比「选格式」更重要的两条规则
- 先缩放，再压缩。把 4000 像素宽的照片塞进 800 像素的位置，浪费掉的字节远超过任何编解码器的差异。网页性能指南里讲了尺寸预算。
- 保留原图。每一次有损保存都不可逆。压副本，把压缩产物当作构建输出，而不是归档。
用你自己的图实测
具体数字高度依赖你的图片内容，所以唯一可靠的基准就是你自己的样本集。tinyimg 可以一批同时压成多种格式，方便并排对比体积 —— 而且全程本地运行，试验过程中什么都无需上传。