图片压缩后还是糊?我按 1080px、质量82、4:2:0 这套顺序救了 200 张图

关键词:图片压缩,图片处理,图片模糊,对比度,色彩管理

摘要:从民宿照片翻车案例讲起,拆解图片压缩、尺寸、锐化、色彩空间和对比度调整的顺序问题,给出一套可复制的 ImageMagick/Photoshop/Squoosh 参数。

先说结论,可能有点反常识:图片处理里最不该先调的是“质量百分比”。

图片

上周帮朋友弄民宿图,他拿 iPhone 14 Pro 拍的 HEIC,4032×3024,单张 2.6-3.4MB,一口气拖进某在线压缩,勾了“极限压缩”,出来 640×480、90-120KB。发到小红书,墙面色块断层,木桌纹理像塑料,窗纱直接消失。他以为换工具就行,我说别急,你先把顺序倒过来:定尺寸→调色/对比度→锐化→压缩→锁色彩空间。这个顺序听着像废话,但 90% 的翻车都发生在第一步和倒数第二步之间。

为什么顺序一错,后面全白干

JPEG 不是把图“存小”,它是把 8×8 像素块做 DCT 变换,再把高频细节丢掉。高频是什么?就是木纹、发丝、窗纱、砖缝这些你肉眼最容易觉得“糊”的地方。你如果先锐化、再缩小、再压缩,等于先把噪点和边缘推出来,再让压缩算法把边缘啃掉。更糟的是二次压缩:你拿 4000px 原图给平台,平台还要自己缩,缩完再压,等于两次重采样。尤其微信/小红书这类,你传 4000px 和 1080px,最后显示宽度大概率都在 1080px 上下,但前者多走一次服务器压缩,边缘更容易出现 1px 白边和蚊噪。

图片

我现在的固定流程,按这个顺序来

  1. 先定最终用途。公众号正文图先缩到 1080px 宽;小红书 3:4 用 1080×1440;电商主图 800×800 或 1000×1000;网页 hero 1920px 宽但文件尽量压到 200-400KB。只在手机上看,别给 3000px,平台不谢谢你。

  2. 色彩空间先锁 sRGB。RAW 在 Lightroom 里输出 Adobe RGB,再发网页,十有八九发灰。PS 里用“编辑→转换为配置文件→sRGB IEC61966-2.1”,不是“指定配置文件”,指定不转换像素,只贴标签。JPG 已经嵌了 ICC 的,先看 identify -verbose 里的 Color space 和 Profiles。

图片

  1. 对比度别上来就拉滑块。我一般先看直方图,黑场拉到 5-8,白场 245-250,中间调别乱动。对比度滑块 +10 到 +15 可以,超过 +25 皮肤容易橘、暗部容易死黑。曲线比对比度滑块更可控:稍微提亮中间调,再压一点高光,比全局拉对比度耐看。

  2. 锐化放在缩尺寸之后。原图锐化再缩小,等于把噪点也缩小,看起来脏。缩到 1080px 后,USM 数量 60-80、半径 0.6-0.8、阈值 2-4;Lightroom 导出锐化选“屏幕/标准”,数量 70、半径 0.8、细节 25 左右。人像别贪,阈值太低会把毛孔和噪点一起拉出来。

  3. 压缩参数别只盯质量。JPEG 质量 78-85 是甜点区;4:2:0 省体积,但红色边缘容易糊,人像、口红、红招牌多的时候用 4:4:4 或 4:2:2 更稳。网页优先 WebP quality 80-85,兼容性要求高再留 JPEG fallback。ImageMagick 我常用:magick input.jpg -resize 1080x -filter Lanczos -unsharp 0x0.75+0.75+0.008 -strip -quality 82 -sampling-factor 4:2:0 output.jpg。-strip 会删 EXIF/GPS,要保留版权就单独 -set copyright,别无脑 strip。

图片

我拿 12 张逆光民宿图做的笨测试

A 组原图直接在线极限压缩;B 组先缩 1080px、Lanczos,再 Lightroom 对比度 +8、黑场 6、白场 248,USM 70/0.8/3,最后 JPEG 82 4:2:0;C 组同 B,但导出 WebP 82。结果:A 组 90-120KB,放大到 100% 窗框锯齿明显;B 组 280-420KB,木纹和布纹还在;C 组 180-300KB,同尺寸下暗部噪点更少。这不是实验室数据,是我在 MacBook Pro M1 的 Preview 和 Chrome 里来回切换看的结果,但够说明问题:文件小不等于图小,图小往往是细节被提前扔了。

图片

用户最常问的几个问题

为什么压缩后颜色发灰?先查 ICC。很多在线工具会 strip 掉配置文件,浏览器猜成 sRGB,红和绿就偏了。

为什么 JPEG 质量 90 还糊?大概率不是质量,是尺寸被平台压了,或者原图对焦就没在主体上。先看原图 100% 是否清晰,再看平台最终输出尺寸。

图片

为什么红色衣服边缘一块一块?4:2:0 色度采样在作怪。改 4:4:4,或者换 WebP/AVIF,同质量下色度边缘会好不少。

为什么 PS 导出比原图还大?质量 100、4:4:4、保留 ICC、保留 EXIF、加锐化,都会堆体积。网页图没必要质量 100,82-85 足够。

最后说个我自己的观点:图片处理不是让图“更清楚”,而是让它在目标设备上“少损失一次”。你每一次重采样、每一次压缩、每一次转色彩空间,都是在丢信息。能一步做完就别分三步。工具只是最后执行的人,顺序才是导演。