图片加工完导出就发灰、越传越糊?色彩配置、尺寸表、压缩参数我一次性理清楚

关键词:图片加工,图片导出偏色,图片压缩参数,图片尺寸对照表,WebP转JPG

摘要:从事图片加工踩过的坑:Adobe RGB 导出后发灰、DPI 是个唬人的标签、微信二次压缩把暗部压成一片。附电商/小红书/公众号/A4 印刷的具体像素尺寸表,以及 JPEG 质量 4 到 12 的实测体积对比和锐化参数区间。

上周三晚上十一点,开网店的朋友甩过来一张主图,问我为什么在手机上看着发灰。她在 PS 里截的图是饱和的橙红,导出 JPEG 传到微信,变成了暗沉的砖红。她怀疑是自己显示器坏了,其实不是。

图片

先抛个可能有点得罪人的结论:图片加工这件事,真正决定成败的不是你会不会调曲线、会不会抠图,而是图片离开你电脑之后的那四五次转码。软件里你看到的一切都是"真的",一旦点下导出,后面每一环都在偷偷改你的像素,而且没人事先通知你。

色彩配置:Adobe RGB 是新手最容易踩的坑

很多人的 PS 工作空间默认是 Adobe RGB,尤其是装过某些第三方预设或者借别人电脑改过设置之后。Adobe RGB 覆盖大约 50% 的可见色域,sRGB 只有 35% 上下,听起来更专业对吧。问题是你这张图最终要去的所有地方——微信、手机浏览器、淘宝、朋友圈——几乎全部按 sRGB 来解读。

一张嵌入 Adobe RGB 配置文件的 JPEG,碰到不做色彩管理的软件(一些老版看图工具、部分安卓浏览器),会被直接当成 sRGB 显示,饱和度掉一截,看着就是发灰发闷。不嵌配置文件更糟,别人拿到直接按 sRGB 猜,还是掉色。

图片

具体操作:编辑菜单里找"转换为配置文件",目标空间选 sRGB IEC61966-2.1,意图用"相对比色",勾上黑场补偿。这是真转换,像素值会跟着变。千万别点"指定配置文件",那个只是贴标签不改像素,贴错了比不贴还惨。导出的时候在"导出为"面板里勾上"转换为 sRGB"和"嵌入颜色配置文件",两道保险。

我第一次给印厂交活,直接用 sRGB 硬转 CMYK,没跟对方要 ICC 配置文件,结果打出来的蓝色整体偏紫,两百多张全退回来重印。后来才知道人家用的是 Japan Color 2001 Coated。印刷这摊水跟屏幕上的完全是两套逻辑,提前问清楚,别自己瞎转。

像素和 DPI:那个 72 变 300 的把戏

"300dpi 是多少像素"这个搜索词,后台数据一直不低。先说个颠覆认知的:DPI 只是文件里写的一个数字标签,改它不会让图片变清楚。一张 2000×2000 的图,标 72dpi 和标 300dpi,像素总数一模一样。

图片

但印刷确实卡这个数。A4 满版 300dpi 需要 2480×3508 像素,这是死的,你拿一张 1000 像素宽的图去印 A4,实际输出只有 120dpi 左右,糊是必然结果。

我把常用场景的尺寸整理成一张表,直接抄:

用途 推荐像素 比例/尺寸 备注
淘宝天猫主图 800×800 起,建议 1200×1200 1:1 单张 3MB 以内,白底要纯 #FFFFFF
淘宝详情页 宽 750–1200 自适应 单张别超 500KB,否则加载慢到掉转化
小红书封面 1242×1660 3:4 竖版点击率明显高于方图
小红书内页方图 1080×1080 1:1
微信公众号首图 900×383 2.35:1 老尺寸,现在还在用
公众号正文图 宽 1080 — 单张 2MB 以内
朋友圈 长边 1080–1440 — 再大也是白搭,平台照压
抖音/视频号封面 1080×1920 9:16
一寸证件照 295×413 25×35mm @300dpi
二寸证件照 413×579 35×49mm @300dpi
A4 印刷 2480×3508 210×297mm @300dpi,另加 3mm 出血
名片 1134×709 96×60mm 含 3mm 出血

另外做电商的注意,图片一律用 RGB,淘宝系统不认 CMYK,传上去要么偏色要么直接报错。

压缩链:你导出的那张 JPEG 根本不是终点

图片

我做过一次近乎无聊的测试。同一张 4000×3000 的原图,PS 质量 12 导出,体积 8.7MB。传到微信,再从微信里保存回手机,长边只剩 1280 出头,体积 180KB 左右,暗部全糊成一块。整个过程中没有人征求过你的意见。

所以导出的时候就得预判后面会发生什么,把参数提前降到位。

以那张 4000×3000 的风景照为例,我机器上的实测:

  • 质量 12(最高):8.7MB,肉眼找不出毛病
  • 质量 10:4.1MB,放到 100% 也几乎看不出差别
  • 质量 8:2.2MB,天空那种大面积渐变会有极轻微色带
  • 质量 6:1.1MB,暗部开始出现块状伪影
  • 质量 4:560KB,缩略图还能看,点开就废

图片

我的习惯是:给平台传图,质量 8 加上长边控制到 2000–2500 像素,这是体积和画质的平衡点;印刷和给甲方存档的,一律质量 12 加最大像素,别省那点硬盘。

格式怎么选也说一下。JPEG 通用,有损,不支持透明。PNG-24 无损、体积大、透明边缘干净,切图用它。PNG-8 只有 256 色,纯色图标能压到几 KB,但凡有渐变必出色带。WebP 同画质下比 JPEG 小 25%–35%,我现在命令行用得多:cwebp -q 82 -m 6 -mt -sharp_yuv in.png -o out.webp,其中 -m 是压缩方法等级 0 到 6,6 最慢最小。AVIF 比 WebP 还能再小 20%–30%,但编码慢得让人想砸键盘,适合做静态资源,不适合临时改图。

缩放和锐化,以及关于 AI 放大的真话

缩小图片别一步到位。PS 的"图像大小"里,重新采样选"两次立方(较锐利)(缩减)",就是那个 Bicubic Sharper。更讲究的做法是先降到目标尺寸的两倍,再降一次,锐化损失更小。

图片

放大呢?没有任何工具能创造原本不存在的细节。Topaz Gigapixel、Real-ESRGAN、Upscayl 这些,本质是用训练数据"猜"出合理纹理。人脸、布料、树叶效果最好,文字、条形码、机械结构经常猜错,会生成看着像那么回事但完全错误的笔画。我亲眼见过一个字被放大成了另一个字。所以做背景图、氛围图、老照片修复,这东西真香;做合同、做产品标签、做需要辨认信息的内容,不行。

USM 锐化的参数区间:网页用图,长边 1500 左右,数量 60%–80%、半径 0.6–0.8、阈值 2–4;印刷图,数量 120%–180%、半径 1.0–1.5、阈值 3–6。阈值这个参数最多人忽略,它决定多平的区域不参与锐化,设成 0 会把噪点一起锐出来,人像肤色立刻变砂纸。

我现在固定用一套五步流程:新建时就确定最终用途,别修完再想尺寸;动手前先把文档转成 sRGB,印刷活另开 CMYK 文档;修完先存一份 16bit 的 PSD 母版,这是唯一不会被压缩的版本;按用途导出,平台图按上表缩放、质量 8,存档图质量 12;上传完在手机上再看一眼,电脑屏幕骗人的次数比我愿意承认的多。

最后说个挺反直觉的事:你花在修图上的时间可能只值 20%,剩下 80% 的价值全在导出设置和那条转码链里。大部分人正好反着使劲。

标签: