昨天下午,做童装的朋友甩过来两张图问我:同一件米白色的卫衣,PS 里看着是奶白,导出来发朋友圈就变成灰扑扑的。她说她试过把分辨率从 72 改成 300,一点用没有。
我打开她的 PSD 瞄了一眼,文档配置文件是 ProPhoto RGB,位深度 16 位/通道。这两项凑在一起,基本就是「导出必翻车」的经典组合。
先把话说前头:分辨率(PPI)这东西只影响打印尺寸,不影响屏幕显示。一张 1000×1000 像素的图,你设成 72ppi 还是 300ppi,它在手机上占的物理像素完全一样。这个误区在贴吧被辟谣了十几年,我自己刚学那会儿也信过。不信你可以试:图像 > 图像大小,把「重新采样」的勾去掉,然后把分辨率从 72 改成 300,你会看到像素尺寸纹丝不动,只有「文档大小」那一栏的厘米数变了。
真正让图发灰、发闷、暗部发脏的,是三件事:色彩空间、位深度、重新采样算法。而这三样东西,恰好都藏在「文件 > 导出 > 导出为」那个对话框里几个默认折叠的小三角下面。
同一张图,三条导出路径,我记录了一下
原图是 6000×4000、16 位 ProPhoto RGB 的 PSD,文件 382MB。目标:长边压到 1440px 发朋友圈。
| 路径 | 操作 | 输出体积 | 主观观感 |
|---|---|---|---|
| A | 文件 > 存储为 > JPG,质量 12,勾选嵌入配置文件 | 4.7MB | 发灰,暗部发闷 |
| B | 文件 > 导出 > 导出为 > JPG,质量 100,不勾「转换为 sRGB」 | 3.1MB | 灰得最明显 |
| C | 文件 > 导出 > 导出为 > JPG,质量 82,勾「转换为 sRGB」+ 嵌入配置文件 | 386KB | 颜色基本还原 |
A 和 B 传上朋友圈之后,被平台二次压缩,暗部还多出了肉眼可见的色带。C 那版反而没什么变化。
注意,我不是说高质量导出不好。我是说,当你把一个广色域文件原样丢给一个只认 sRGB 的浏览器或者 App,它不知道怎么处理那些超出 sRGB 范围的颜色数据,最后表现就是整体饱和度和对比度往下掉。ProPhoto RGB 的色域比 sRGB 大了将近一倍,你不做转换,等于让一个只会普通话的人去读粤语拼音。
指定配置文件和转换为配置文件,别搞混
这两个命令挨着,但干的事完全相反,我见过不止一个做了三四年设计的人在这里翻车。
「编辑 > 指定配置文件」是骗 Photoshop 用另一套色彩空间去解释同一堆数据。像素数值没变,颜色会当场跳变,一般用来处理「文件被套错了配置文件」的情况。
「编辑 > 转换为配置文件」是保持视觉外观不变,把像素数值重新映射到目标空间。这才是你导图前该用的。
她那张图我是这么处理的:编辑 > 转换为配置文件,目标空间选 sRGB IEC61966-2.1,引擎用 Adobe (ACE),意图选「相对比色」,勾上「使用黑场补偿」。转完之后再导出,颜色立刻对了。
另外一个就是位深度。16 位/通道在处理阶段很有用,调曲线不容易断层,但导出 JPG 会自动降到 8 位,PNG-24 也存不了完整的 16 位。所以导出前先在「图像 > 模式」里确认一下是不是 8 位/通道,别指望导出环节帮你处理——它处理得不干净,有些渐变区域会出现台阶。
重新采样:缩小用哪一档,很多人是蒙的
图像大小对话框底部那个下拉框,一共六个选项。
放大用「两次立方(较平滑)」,缩小用「两次立方(较锐利)」,这是教科书答案。但我自己实测下来,「较锐利」在抠图边缘、细文字、人物毛发这些地方容易出 1px 的白边或者黑边,放大到 200% 看挺明显的。所以我现在缩小图片默认用「两次立方(较平滑)」,然后导出后再补一次 USM 锐化:数量 70%,半径 0.8 像素,阈值 2。
「邻近(硬边缘)」是给像素画和 UI 图标用的,拿它缩照片会出严重的锯齿,别乱选。
还有一点,Photoshop 的「导出为」对话框会记住你上一次的设置。我第一次用的时候随手设了质量 60,后面连着导了二十多张图都觉得糊,查了半天分辨率,最后才发现是那个框没改回来。
别再用「存储为 Web 所用格式」了
这个命令(Ctrl+Shift+Alt+S)是上个时代的产物,那会儿还叫 ImageReady。它的色彩管理逻辑跟主文档是两套,勾不勾「转换为 sRGB」、要不要嵌入配置文件,行为跟「导出为」不一致,很多人在这里被绕进去。
Adobe 从 2021 版开始主推「文件 > 导出 > 导出为」(Ctrl+Shift+Alt+W),功能基本覆盖了老的 Web 格式面板,而且支持 WebP。2022 版之后 PS 原生就能导 WebP,质量 75 的 WebP 大概能比同画质 JPG 小 30% 左右,网页配图优先用它。
PNG 的话记住一点:PNG-24 是 1600 万色加 8 位透明度通道,无损,文件大;PNG-8 只有 256 色,做图标够用,放照片上一眼就是色带。导出 PNG 时别勾「交错」,那玩意只会让文件变大,加载体验在现在的网速下也没啥改善。
各平台的导出参数,我整理了一份自己常用的
朋友圈/微信聊天:长边 1440px,JPG 质量 82-85,sRGB,8 位,目标 300-500KB。
公众号封面:2.35:1 的 900×383,或者方图 200×200,JPG 质量 85。
淘宝主图:1200×1200,现在无线端 3:4 的 900×1200 权重更高,单张控制在 3MB 以内,JPG 或 PNG 都行。
网页配图:长边 1600px 以内完全够,视网膜屏也撑得住,JPG 质量 75-80,能用 WebP 就用 WebP。
印刷出片:300ppi,CMYK,日本客户用 Japan Color 2001 Coated,欧美用 U.S. Web Coated (SWOP) v2,TIFF 或者质量 10 以上的 JPG。这里千万别用 sRGB 直接送印,机器出来的颜色会偏,尤其是红色和深蓝。
一个可能有点争议的建议
我现在发朋友圈的图,不导最高质量了。
以前我习惯导 3-5MB 的 JPG 传上去,结果平台一压,高频细节全被砍掉,暗部还会出现块状伪影。后来我改成导 400KB 左右上传,观感反而更稳。我猜是因为平台对本来就在阈值附近的文件不太动刀,对超大文件压得狠。这个我没做过严格的对照测试,纯属个人感受,欢迎打脸。
最后讲个真事。前年给一个客户导 200 多张产品图,交付后他说有三十来张「颜色不对」。我重导了三遍,最后发现那批图里混了几张相机直出的 Adobe RGB,剩下的是 ProPhoto,导出时统一按一个色彩空间处理,自然有一批是错的。
从那以后我养成了一个习惯:打开任何一张外来的图,第一步先看「编辑 > 转换为配置文件」里的源空间是什么,统一转成 sRGB 再动手。多花十秒钟,省掉一整轮返工。