图片压缩格式科普:JPEG / PNG / WebP / AVIF 怎么选?
很多人压缩图片时只拖动「质量」滑块,却不知道背后的格式差异才是体积与画质的关键。本文用尽量通俗的方式,把四种最常见格式的原理、优势和坑一次讲清楚,并给出一份「照着选就行」的决策表。
一、先搞懂两个核心概念
有损 vs 无损
有损压缩(如 JPEG、WebP、AVIF)会「扔掉」人眼不易察觉的信息来换体积,压得越狠丢得越多,且不可逆。适合照片。
无损压缩(如 PNG、无损 WebP)只去掉冗余、不丢任何像素,解压后和原图逐字节一致。体积下降有限,但适合文字、线条、透明、需要二次编辑的图。
透明通道
Logo、图标、贴纸常需要「透明背景」。JPEG 不支持透明;PNG、WebP、AVIF 支持。把透明 PNG 转成 JPEG 时,工具会先用白底填充,边缘可能出现白边。
二、四种格式正面刚
| 格式 | 压缩类型 | 透明 | 动画 | 体积/画质 | 兼容性 | 适合 |
|---|---|---|---|---|---|---|
| JPEG | 有损 | 否 | 否 | 体积小而画质好(照片) | 几乎所有设备 | 照片、复杂渐变 |
| PNG | 无损 | 是 | 否 | 体积偏大,但保真 | 极好 | Logo、图标、截图、透明图 |
| WebP | 有损/无损 | 是 | 是 | 同画质比 JPEG 小 25–35% | 现代浏览器(旧 IE 不行) | 网页图片首选 |
| AVIF | 有损/无损 | 是 | 是 | 比 WebP 再小 20–30% | 较新浏览器 | 极致体积优化 |
一句话记忆:照片用 JPEG/WebP,透明/文字用 PNG,网页追求最小用 WebP/AVIF。本工具会在你的浏览器支持 AVIF 时才启用它,不支持则自动回退。
广告位 · 上线后在此粘贴 AdSense 广告单元代码
三、压缩质量到底设多少
质量滑块只对有损格式(JPEG / WebP / AVIF)有效,本质是「愿意丢掉多少信息」:
- 60–70:社交分享、缩略图,体积最小,近距离可能看到轻微涂抹。
- 75–85(推荐):网页展示、电商主图,肉眼几乎无差,体积砍半以上。
- 90–100:近乎原画,但体积下降有限;100 时常常比原图还大。
注意:质量不是越高越好。JPEG 在 100 时几乎不压缩,文件反而膨胀;而且对已经压过的图再次用高质量压缩,只会增加体积、不会恢复画质。
四、PNG 也能更小:降色与索引
PNG 本身是无损的,但「截图、扁平插画、纯色背景」这类图颜色少,可以安全地减少每像素用的颜色位数(8-bit→6/4-bit),或转成 256 色索引色(调色板)。本工具提供「自适应 / 6-bit / 4-bit / 调色板」四档,能在几乎无色差的前提下把 PNG 体积压到原来的几分之一,对网页和文档插图尤其明显。
五、别忽视 EXIF 里的隐私
手机和相机拍的 JPEG 常带着拍摄时间、GPS 定位、设备型号、镜头参数等 EXIF 信息。直接把原图发到网上,等于公开了「我什么时候在哪用啥手机拍的」。本工具默认去除这些隐私信息;如果你需要保留(例如摄影后期流程),可关闭该开关,且工具会把方向信息校正为正常显示。
六、快速决策表
| 你的需求 | 选这个 | 建议参数 |
|---|---|---|
| 发朋友圈 / 微博照片 | JPEG 或 WebP | 最长边 1920,质量 75 |
| 淘宝 / 电商商品图 | JPEG | 最长边 1500,质量 80 |
| 网页背景 / 横幅 | WebP(AVIF 更优) | 质量 70–80 |
| Logo / 图标 / 需要透明 | PNG(调色板) | 自适应或调色板 |
| 单图必须压到 X KB 内 | JPEG / WebP + 目标体积 | 填目标 KB 自动算 |
↩ 回到压缩工具