PNG、JPG、WebP、AVIF 横评——2026 年图片格式怎么选
网上图片用得最多的就四种格式，95% 场景靠它们覆盖。选错了：文件大一倍、丢透明、目标平台还可能拒收。这篇直接讲决策点，给真实数据，不绕概念——「什么时候用哪个」一次说清。
转换走 paste-to-download.com/zh-CN/compress——浏览器本地，不上传，四种格式都支持。
四种格式一览
| 格式 | 压缩方式 | 透明 | 动画 | HDR | 普及年份 |
|---|---|---|---|---|---|
| JPG | 有损 | 无 | 无 | 无 | 1992 |
| PNG | 无损 | 有（alpha） | 无（APNG 罕用） | 无 | 1996 |
| WebP | 双模式 | 有 | 有 | 无 | 2010（Google） |
| AVIF | 双模式 | 有 | 有 | 有（10/12 bit） | 2019（AOM） |
JPG/PNG 设计于 1 MB 图都罕见的年代。WebP/AVIF 是现代格式，目标就是更激进的压缩 + 看不出画质损失。
文件体积——真实数据
一张 1600 × 1000 的商品照（相机直出、中性背景、普通对比度）：
| 格式 | 体积 | 对比 PNG |
|---|---|---|
| PNG（无损） | 2,140 KB | 100% |
| JPG（画质 90） | 612 KB | 29% |
| JPG（画质 80） | 318 KB | 15% |
| WebP（画质 90） | 410 KB | 19% |
| WebP（画质 80） | 184 KB | 9% |
| AVIF（画质 80） | 132 KB | 6% |
画质 80 时，AVIF 比 JPG 文件小 2.4 倍且画质几乎无差。WebP 比 JPG 小 1.7 倍。PNG 留给真要无损的场景。
带文字的截图（细节少、平面多）：
| 格式 | 体积 | 对比 PNG |
|---|---|---|
| PNG（无损） | 720 KB | 100% |
| 调色板 PNG（256 色） | 168 KB | 23% |
| JPG（画质 90） | 380 KB | 53% |
| WebP（无损） | 312 KB | 43% |
| WebP（画质 95） | 84 KB | 12% |
| AVIF（画质 95） | 62 KB | 9% |
截图场景下 WebP 和 AVIF 都吊打 JPG。PNG 只有当文件需要在多个编辑器之间往返不掉画质时才赢。
2026 年浏览器和平台支持
| 格式 | Chrome | Safari | Firefox | 邮件 | CMS 上传 | 社交 |
|---|---|---|---|---|---|---|
| JPG | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| PNG | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| WebP | ✅ | ✅（14+） | ✅ | ⚠️（Outlook 2013- 失败） | ✅（主流） | ✅（多数） |
| AVIF | ✅ | ✅（16+） | ✅ | ❌ | ⚠️（部分接受） | ⚠️（X 行，IG 不行） |
实用结论：2026 年 WebP 用在 web 普遍安全。AVIF web 也安全但邮件和部分 CMS 还有风险。JPG/PNG 是最低公约数的保底选择。
相同体积下画质对比
限制文件大小到 100 KB 时：
- JPG：文字上看得见块状失真，渐变上轻微色带
- WebP：渐变平滑、文字边缘更锐利，偶有细节略软
- AVIF：全面最优，尤其色彩和渐变过渡
色彩重的图（夕阳、渐变、商品照）差距最大。灰度或低对比图三种格式在 100 KB 下差别不大。
决策树——10 秒选定格式
照片
- web（大众观众） → WebP 画质 80
- web（前沿，只看现代浏览器） → AVIF 画质 75
- 邮件或需要保底 → JPG 画质 85
- 印刷 / 归档 → JPG 画质 95 或 PNG
带文字的截图
- web → WebP 画质 90
- 邮件或保底 → PNG（或 JPG 画质 95）
- 存储 / 归档 → PNG
Logo 和平面图形
- 要透明 → PNG（或更小的 WebP）
- 不要透明、颜色数少 → 调色板 PNG
- 会跟照片合在 web 上 → 带 alpha 的 WebP
动画
- 现代 web → WebP 或 AVIF（动画版）
- 邮件 / 保底 → GIF（仍是唯一通用动画格式）
几个值得知道的边角
JPG 和色彩配置文件。带 Adobe RGB、ProPhoto 等嵌入配置的 JPG，在不识别配置的平台上颜色会跑得离谱。准备发社交媒体的图先转 sRGB。
WebP 动画 vs GIF。动画 WebP 同画质下比 GIF 小约 30%，但支持面窄。要做一个到处都能放的 meme，GIF 还是赢。
iOS 上的 AVIF。Safari 自 iOS 16 原生支持 AVIF。如果你的受众是企业（老 iPad 还在 iOS 15），先测试再切换。
无损 WebP vs PNG。无损 WebP 一般比 PNG 小 20–30%。工具链支持就用无损 WebP 存截图和图形。
怎么转
打开 paste-to-download.com/zh-CN/compress。拖入图片。顶部格式选择器让你选目标格式和画质。所有运算在你浏览器里——图片不离开本机。
要把一文件夹 PNG 截图批量转 WebP？拖文件夹进来，选 WebP-80，「打包下载 .zip」。几秒钟搞定。
两句话答案
2026 年多数 web 场景：WebP 画质 80。比 JPG 小约 50% 且画质无差异，支持透明，到处都能用。
要 AVIF 就接受丢掉 Outlook 和几个老 CMS。JPG/PNG 留给目标方明确要求的场景。转换走 paste-to-download.com/zh-CN/compress 几秒搞定。