你有没有遇到过这种情况:网页加载图片很慢、微信发原图发不出、邮箱附件超 25MB 退回。 这些都是图片体积过大的锅。一张手机随手拍的照片往往 5-10MB,而经过合理压缩,可以做到肉眼无差但只有原来 1/5 大小。 这篇文章把图片压缩的几个核心概念讲清楚,看完知道什么场景该怎么调参数。
一、图片压缩的两大流派
所有压缩方法本质上分两种:无损压缩(完全保留每个像素,只优化存储编码)和 有损压缩(主动丢弃人眼不敏感的信息换体积)。
- 无损:PNG、WebP(无损模式)、HEIC(无损模式)。压缩率有限,通常只能缩 10-30%
- 有损:JPG、WebP(有损模式)、HEIC、AVIF。压缩率高,能缩 70-90%,但质量低时会出现"马赛克块"
除非是带透明背景的 logo / 截图,90% 的场景应该选有损压缩,因为体积差距太大。
二、质量参数到底怎么选
有损格式的"质量参数"从 0-100,常见有:
- 90-100:几乎无损,体积减小有限。适合印刷、专业摄影
- 75-85(推荐):画质和体积平衡最优,人眼难辨差异。本工具默认 75 就是这区间
- 60-75:细看能发现轻微模糊,适合网页用
- 30-60:压缩明显,适合缩略图、表情包
经验法则:如果是展示给人看的图,用 75-85;如果是给算法/搜索引擎用的图,可以用 60-70。
三、5 个常见场景的最佳配置
1. 网站主图(banner / 产品图)
格式:WebP,质量 75。比 JPG 体积小 30%,加载速度快直接影响 SEO。
2. 微信原图发送
格式:JPG,质量 85。微信会再次压缩,留点余量保画质。
3. 邮件附件
格式:JPG,质量 75。多数邮箱单封 25MB 限制,这样能塞下 10-20 张高清图。
4. 简历照片
格式:JPG,质量 90。HR 第一印象很重要,画质优先。
5. 朋友圈九宫格
格式:JPG,质量 80。微信单图 100MB 上限,但 80 质量看着已经很好。
四、JPG / PNG / WebP 选哪个
WebP 是首选(2026 年 95%+ 浏览器支持),体积小、支持透明、有损无损可切。
只有这两个场景要回到 JPG:① 接收方是非主流软件不识别 WebP;② 需要 EXIF 元数据(WebP 部分软件读不全)。
PNG 只在需要透明背景(如 logo / 图标)时用,其他场景都被 WebP 完爆。
五、避免常见误区
- ❌ "尺寸缩小 = 体积变小":不一定。1920×1080 的 JPG 可能比 3840×2160 的 PNG 还小
- ❌ "PNG 最高清":不是。PNG 只是无损,跟"高清"没关系,有损 JPG 也能很清
- ❌ 拍照后多次截图保存:每次都是有损压缩,画质会快速劣化,最好一次到位
总结
图片压缩没有"最优解",只有"最合适"。看了上面几个场景配置,实际操作时只需要:
- 不知道选啥就 WebP + 75
- 需要透明背景就 PNG
- 给印刷用就 JPG + 90+
文末配套工具,实测一下立刻有感觉。