PS导出图片发到手机上变灰变暗?我把同一张图发了四个地方,才搞明白问题在哪

关键词:PS导出图片变色,图片发微信变灰,sRGB色彩管理,PS颜色设置,AdobeRGB转sRGB

摘要:不是曲线的问题,也不是显示器的问题。同一张图在PS里、在微信里、在浏览器里、在别人手机上是四个颜色,根源在于ICC配置文件在三个环节被丢掉了。这篇把我自己踩过的坑和土办法都写下来了。

先说说那天晚上我是怎么被一张图搞到两点多的

图片

上周三晚上十一点多,我在给一组自己拍的手工皮具图做后期。相机是 iPhone 13,用 ProCamera 这个 App 拍的,出来是 HEIF 文件,AirDrop 到 Mac 上拖进 Photoshop 2023。调了大概四十分钟——拉了条曲线,色温往暖里推了 8,高光压下来一点,导出 JPEG 质量 90,丢到微信发给做木工的朋友看。

他回我一句:「你这木头是不是没干啊,怎么发青的。」

我当时是真懵。打开他发回来的截图看,确实偏青,而且整张图发闷,像蒙了一层薄灰。我盯着自己屏幕上那张暖乎乎的图看了半天,一度怀疑是他手机屏幕有问题。后来我干了一件特别笨的事——同一张图,我导出了三份,一份带 sRGB 配置文件,一份带 Adobe RGB,还有一份把「嵌入颜色配置文件」的勾去掉,然后分别发微信、发邮箱、扔进 Chrome 里打开。同一张图,四个地方四个颜色,差别大到能一眼看出来。那天我搞到两点多,才把这件事捋清楚。

如果你也遇到过「PS里看着好好的,发出去就变灰」,先别急着动曲线,往下看。

图片

问题不在你的曲线,在「翻译」这一层

颜色这东西在电脑里从来不是一个绝对值,它是一串数字外加一份说明书。数字是 RGB 值,说明书就是 ICC 颜色配置文件。软件拿到一张图,得先把「数字 + 说明书」翻译成「实际是什么颜色」,再翻译成「你这块屏幕能显示成什么样」,最后才轮到你眼睛看。

三个翻译环节,任何一环把说明书丢了,颜色就变了样。

图片

第一个环节是 PS 里的工作空间。编辑 > 颜色设置,看 RGB 那一栏。新版本 PS 默认是 sRGB IEC61966-2.1,这个别动。但如果你之前装过插件、或者从别人那儿拷过一份设置,有可能是 Adobe RGB (1998),甚至 ProPhoto RGB。Adobe RGB 的色域比 sRGB 大一圈(主要在绿色和青色那一片),你在里面调完图,导出的时候要是不转回来,发到手机上,微信大部分版本会直接把数值当 sRGB 读——那些超出 sRGB 范围的红和绿就被扔掉了,图看起来就是发灰、发闷、不精神。

还有个坑,很多人第一次打开广色域的图会懵:PS 会弹个小窗,说「嵌入的配置文件不匹配」,底下三个选项。你如果随手点了第一个「使用嵌入的配置文件(代替工作空间)」,那你整个文档的工作空间就变成 Display P3 了,后面的调整全在 P3 里算,导出时再不转,就等着发灰吧。我自己常年是选第二个「将文档的颜色转换到工作空间」,先把超出去的部分裁掉,省心。

第二个环节是导出那一步。文件 > 导出 > 导出为,右边有个「转换为 sRGB」,一定要勾上,下面「嵌入颜色配置文件」也勾上。如果你用的是老版的「存储为 Web 所用格式」(Ctrl + Shift + Alt + S),它默认会把 ICC 剥掉。我记得 2018 年前后做电商详情页的那批人全在用这个,然后全在群里问为什么图传到后台就变灰了。

第三个环节是看图的人。同一张带 sRGB 的图,微信点「原图」发送和不点原图(会压缩)不一样,微博和网页不一样,iPhone 和安卓不一样,甚至同一台电脑上用 Chrome 和用 Windows 照片查看器都不太一样——Windows 自带的那个照片查看器对色彩管理一直很敷衍,我不确定 2024 年好了没有,反正我早就不用了。

图片

我自己的一套土办法,不严谨但管用

第一件事,别用广色域屏去修发到网上的图。我现在修图用的是一台老掉牙的 DELL U2412M,24 寸 1920×1200,标称 72% NTSC,换算下来 sRGB 大概能盖到 96% 左右,Adobe RGB 只有七成出头。听起来挺烂的对吧?但它显示的恰好就是大多数人手机和电脑能看到的那一块。我拿它修完的图,发出去基本不翻车。反倒是之前用一台广色域笔记本修的时候,自己屏幕上好看得要死,发出去灰扑扑的,那种落差很打击人。

如果你手上只有广色域屏,至少做两件事。一是去 Windows 显示设置里的「高级显示设置」,把那个屏幕的颜色配置文件设成 sRGB(或者厂商给的 sRGB 模式文件)。二是把显示器本身 OSD 菜单里的模式从「鲜艳」「游戏」调到「sRGB」或者「标准」。很多显示器出厂默认就是鲜艳模式,色温 9300K 那种偏蓝的,你在 PS 里调什么都是白搭。

图片

第二,用「校样颜色」。视图 > 校样设置 > Internet 标准 RGB (sRGB),然后 视图 > 校样颜色(快捷键 Ctrl + Y)。这一下就是让 PS 模拟「如果这张图被当成 sRGB 显示会是什么样」。如果你工作空间是 Adobe RGB,屏幕上会明显变一下,有点发灰——那就是别人看到的。在这个状态下调,你调的就是所见即所得;工作空间本来就是 sRGB 的话,这一下变化很小,说明你本来就没问题。

第三,导出后自测。给你个笨办法:新建一个 1000×1000 的文档,填三个色块,分别填 (230, 60, 60)、(60, 200, 120)、(60, 120, 230),导出三份——一份带 sRGB、一份带 Adobe RGB、一份不带配置文件,三个文件一起发到微信的「文件传输助手」,再放到浏览器里打开同一个文件夹对比。差异能有多大?我测下来不带配置文件的那份,红色块大概暗了 10% 到 15%,绿色发黄。你自己看一遍,比看一百篇教程记得都牢。

第四,位深。这个和变色关系不大,但顺手说一句。图像 > 模式,如果那儿显示的是「16 位/通道」,你调曲线、调色阶的时候过渡会顺很多,不容易出断层。但导出 JPEG 只能 8 位。所以我的流程是:拿到图先转 16 位,调完,导出前转回 8 位,再存 JPEG。多这两步,天空那种大面积渐变会干净不少。

说个可能有点反常识的观点

图片

我现在觉得,对 95% 的人来说,修图的颜色管理根本不需要「准」,需要的是「一致」。

准确地还原那块木头托盘真实的颜色,重要吗?其实没那么重要,我又不是做印刷打样。重要的是我在这头看到的、和我朋友在那头看到的,是同一张图。这两件事完全不一样。前者要花钱——校色仪、色卡、一台色准过得去的显示器,一套下来小几千。后者只要搞明白「说明书别丢」这一个道理,五分钟能解决。

我干这行到今年第八年了,见过太多人(包括前几年的我自己)花大价钱买广色域屏,结果因为没搞清 ICC 这一层,出来的图比用一台破笔记本修的还难看。工具越好,没管理好的坑越深,这话我觉得挺对的。

标签: