上个月帮朋友看她淘宝店的详情页。同一个 jpg,她 MacBook 上看着是暖奶油白,客户截图过来问“你这背景怎么是灰的”。她把文件发我,我在一台用了七年的 1080p 显示器上打开,也不是灰的,是发青。
这事我碰上没有十次也有八次。大多数人第一反应是显示器有色差,然后去搜校色仪,或者干脆把亮度和饱和度往上拉。没用。图变色基本不是屏坏了,是三个环节没对上:文件里那张“颜色身份证”、软件认不认这张身份证、你的屏幕装不装得下这些颜色。少对上一个,颜色就飘。
先说那张“身份证”
一个像素存在硬盘上,存的是数字,不是颜色。RGB (237, 28, 36) 这组数到底是正红、番茄红还是砖红,取决于它挂在哪个色彩空间底下解释。ICC 配置文件就是这张说明书。文件里带没带它,差别大到离谱。
这里有个基础操作,很多人做了几年图都没分清:
- 指定配置文件(Assign Profile):像素数字一个不动,只换标签。图的外观会变。
- 转换为配置文件(Convert to Profile):改数字,保外观。
导出时没勾“嵌入颜色配置文件”,PS 会弹窗问你,手快点了“不嵌入”。这张图到了别人电脑上,大部分软件只能按 sRGB 猜,于是发灰、发暗、发闷。这是“图发出去就变灰”的头号原因,我赌六成的人是栽在这。
广色域屏才是真正的重灾区
这几年笔记本屏幕越来越好,P3 覆盖 100% 的机器两三千就能买到。听起来是好事,但对不搞色彩管理的人来说是灾难。
sRGB 大约覆盖 CIE 1931 可见色域的 33% 到 35%,Display P3 大概 45%,Adobe RGB 约 50%,ProPhoto RGB 能到 90%。这些数字各家算法口径不同,量级反正是这样。也就是说 P3 屏能显示的颜色,比你那张 sRGB 图里装的多出一大截。
如果软件支持色彩管理(PS、Chrome、Firefox、macOS 的预览都支持),它会自动把 sRGB 正确映射到 P3 屏上,看起来是对的,只是偏“淡”。但碰上不支持色彩管理的地方——某些版本的 Windows“照片”应用、一些老看图软件、部分国产浏览器——它会把数字直接当 sRGB 泼在你的 P3 屏上,红到爆,绿到发光。
我见过最典型的一个投诉:设计师自己电脑上皮肤是正常的,甲方在广色域屏上看是橘子色,来回改了四版,都不是颜色的问题,是两边软件不一样。
平台那边还有一刀
微信、抖音、小红书这些,上传都会重压一遍。微信的压缩我印象里质量大概在 70 到 80 之间浮动,长边超过 2000px 大概率还会缩,而且它自己对 ICC 的处理我一直没搞明白官方是怎么规定的,只知道 iPhone 拍的 HEIC 发到某些安卓机上会肉眼可见地变淡。
电商后台更直接。淘宝天猫主图基本按 sRGB 处理,你传一张 Adobe RGB 的上去,被当 sRGB 读,饱和度直接掉一截。
我现在的固定流程
踩了这么多年坑,流程已经固化了:
- 大幅调色在 16bit 下做,色彩空间用 ProPhoto 或 Adobe RGB。8bit 每通道只有 256 级,一拉曲线就断层,16bit 是 65536 级,基本够折腾。
- 导出前必须先 Convert,别 Assign。目标选 sRGB IEC61966-2.1,渲染意图“相对比色”,勾上“使用黑场补偿”。这套组合是我试下来最不容易翻车的。
- JPEG 质量 80 到 85。90 以上文件体积涨得飞快,肉眼区别很小;75 以下暗部开始出块。
- 勾上“嵌入颜色配置文件”,不省这一步。
- 尺寸:网页用长边 2000px,电商主图按平台要求,一般是 800x800 或 750x1000,印刷才是 300dpi 那一套。DPI 这个数只在打印时才真正起作用,网上传图填多少都不影响像素。
- 导出后用 Chrome 再开一遍,和 PS 里并排比。这两个地方颜色对得上,九成场景就稳了。
显示器这边,别太用力
校色仪不必须有,但亮度值得压。出厂默认动不动 250 到 300 cd/m²,白天刷网页爽,拿来修图会让你把图修暗。一般调到 120 cd/m² 左右,色温 D65(6500K),Gamma 2.2,晚上开灯看,眼睛舒服,输出也不至于偏。
不过说到底,别指望所有屏幕显示都一样,物理上就不可能。你要保证的不是“人人看着都好看”,而是“你导出那一刻,颜色是确定的”。