图片压缩后模糊发灰怎么办？先别拉对比度，按这个顺序调 5 个参数

先说个反常识的：我测了 12 张图，原图 4032×3024、4.8MB 的 iPhone HEIF，和索尼 A7M3 的 6000×4000 RAW，最后网页端文件控制在 180–420KB。 最影响观感的不是 JPEG 质量从 82 降到 75，而是你什么时候做重采样、什么时候加对比度和锐化。 下面是我自己踩坑后的顺序：定用途 → 转色彩空间 → 重采样 → 降噪/对比度 → 锐化 → 编码 → 看边缘验证。 工具我用过 Photoshop 25.7、Lightroom 13.2、Squoosh、TinyPNG、ImageOptim、sharp 0.33.5、ImageMagick 7.1.1-32，还有 ffmpeg 7.0 的 libwebp/libaom。 别急着抄参数，先看你的图最后是在手机、网页还是印刷品上看。

第一段：先定交付场景，别一上来就压缩

我去年帮朋友做民宿图，原图 24MP，Lightroom 导出 JPEG q85、短边 1600，单张 1.2MB，上传 Airbnb 后看着还行。 后来传到某书，被压到 1440px 宽，脸部边缘发灰，我还以为是我锐化不够。 实际是平台二次压缩加上我原来锐化半径 1.5 太大，压缩后变成白边。 网页首屏图我现在的参数：最长边 1600–2000px，DPR 2 足够，JPEG q78–82，WebP q78–82，目标 <250KB。 微信聊天图短边 1080–1440，JPEG q85–88，别用 AVIF，因为对方可能用旧安卓。 打印才看 300ppi，色彩空间转 CMYK，别拿 WebP 去印。

• 网页横幅 1920 CSS px、DPR 2：准备 3840px 太肥，我一般给 2560px，q80，WebP 约 280–450KB。
• 手机海报 1080×1440：JPEG q88，USM 数量 60、半径 0.8、阈值 5，文件约 500–800KB。
• 头像 400×400：先裁切再缩，不要缩完再裁，不然边缘会软。
• 电商主图 800×800：白底图别拉对比度超过 +12，不然平台压缩后白底会出灰块。

第二段：对比度、清晰度、锐化不是一回事

很多人搜“图片模糊怎么变清晰”，然后去拉对比度 +30、清晰度 +40、锐化 120，结果皮肤像塑料，阴影里全是噪点。 我的独立观点：对比度是全局亮度差，清晰度是局部中间调对比，锐化是边缘 acutance，三个东西在压缩算法眼里完全不同。 JPEG/WebP 先把高频细节丢掉，你前面拉太多局部对比，编码器会以为那是噪点，q75 时直接抹掉，于是“越调越脏”。 我现在的做法：在 16 位/通道下先做色彩空间转换，sRGB IEC61966-2.1 为目标；再看直方图，黑场不要压到 0，留 5–8，白场留 245–250。 然后对比度 +8 到 +15，曲线只动中间调一点点。 Lightroom 里对比度 +10、清晰度 +5、去朦胧 +3 就够了，别学短视频里 +50。

第三段：重采样和放大，参数别照抄

图片放大 2 倍不糊，核心不是“AI 放大”四个字。 Photoshop 里“保留细节 2.0”放大 200%，减少杂色 20–40%，锐化 0.5–1.0。 如果是人脸，Topaz Gigapixel 6.3.3 我一般 2x、Face Recovery 60、去噪 20–30，别拉满，拉满会像蜡像。 Squoosh 里 Resize 到 2000px 宽，Method 选 Lanczos3，然后 MozJPEG q78，Progressive 打开，Chrome subsampling 4:2:0。 sharp 0.33.5 里用 .resize(2000, null, { fit: 'inside', withoutEnlargement: false, kernel: 'lanczos3' })，再 .jpeg({ quality: 82, mozjpeg: true, chromaSubsampling: '4:2:0' })。 我测过同一张 6000×4000 的图，直接缩到 1600 再 USM 80/1.0/4，比先缩到 3000 再锐化再缩到 1600 更干净，文件还小 18%。

第四段：编码器对比，WebP 和 AVIF 不是谁全赢

我用同一张 3840×2160 渐变+人像图测：原 JPEG q90 4.2MB；Squoosh MozJPEG q78 是 620KB；WebP q80 method 6 是 410KB；AVIF cq-level 32 speed 4 是 330KB。 看起来 AVIF 赢，但放大到 200% 看头发，AVIF 在 speed 4 时有涂抹，WebP 反而边缘更脆。 要是网页首屏，我会 WebP q78–80 兜底，AVIF cq 30–34 给支持的浏览器；Safari 16.4+、Chrome 85+ 支持 AVIF，但老设备解码慢。 TinyPNG 免费版单张最大 5MB，适合快速压 PNG，但它会去掉一些元数据，版权信息要自己留底。 ImageOptim 在 Mac 上拖进去，我一般开 JPEG 75、PNG optipng、Zopfli，别全开，不然一张 4MB 图要等 20 多秒。 ffmpeg 7.0 命令：ffmpeg -i in.png -c:v libwebp -quality 80 -compression_level 6 out.webp。

第五段：我的完整步骤，按这个顺序

1. 原图备份，别覆盖。iPhone HEIF 先转 16 位 TIFF 或 PNG，再进 PS；Lightroom 里先镜头校正、去噪，再转 sRGB。
2. 定长边：网页 1600–2000，微信 1080–1440，电商 800–1200，打印按 300ppi 算。比如 6 寸照片 1800×1200。
3. 重采样：Lanczos3 或 PS 保留细节 2.0；放大 200% 时减少杂色 20–40%，锐化 0.5–1.0。
4. 对比度：曲线黑场 5–8、白场 245–250，对比度 +8 到 +15；人像别超过 +18。
5. 锐化：USM 数量 60–90、半径 0.6–1.0、阈值 3–6；高反差保留半径 1.5、叠加 15–25%。先降噪后锐化。
6. 编码：JPEG q78–85，MozJPEG，Progressive；WebP q78–82，method 6；AVIF cq 30–34，speed 4–6。sharp 参数：.webp({ quality: 80, effort: 5 })、.avif({ quality: 50, effort: 4 })。
7. 验证：ImageMagick compare -metric SSIM 看是否 >0.98，但更重要是 100% 和 200% 看文字边缘、头发、天空渐变。网页首屏总图 <500KB，单图 <250KB。

第六段：最后说几个我踩过的坑

第一，降噪和锐化顺序反了，先锐化后降噪，噪点会被当成边缘保留，压缩后更脏。 第二，PNG 转 WebP 不一定小，我有张纯色插画 1200×1200，PNG 8 位 180KB，WebP 无损反而 240KB，最后用了 PNG-8 加 128 色。 第三，色彩空间忘了转，Adobe RGB 的图在 Chrome 里会发灰，因为浏览器按 sRGB 解释。 第四，对比度拉太猛，微信再压一次，暗部直接成块，尤其黑色衣服。 我的结论：图片处理不是找最强参数，而是先定观看距离和设备，再让重采样、对比度、锐化、编码按顺序服务这个目标。 你如果只记一个数：网页图长边 1600–2000、q78–82、USM 60–90/0.6–1.0/阈值 3–6，先跑一遍再微调。