这是***后一篇关于“电脑显示器和手机看到的图片颜色不同”或者“如何获取准确的色彩显示”相关的文章。
之所再次重提这个问题,是因为我经常会在群里或者私下有人问类似下面这种问题:
(手慢没能抢到红包)
“手机和电脑色差太大”
“想要一台没有色差的电脑”
“别人看到的和我看到的颜色不同”
“多个显示器看图,多种色彩表现,哪个才准”
类似的各种问题,可以汇聚成一句话:色彩管理。
虽然色彩管理不能帮助我们解决以上所有问题,但是能让我们知道之所以出现“色差”“色彩不准”等问题的根本原因是什么,至少不再困惑于此。同时可以在理论上实现多平台色彩统一。
在讨论这个问题之前,我们首先需要达成两个基础的共识:一,色彩仅仅只是一串数据。二:不同屏幕之间的硬件差异。
确切的说应该是“色彩在不同设备之间是以数据的形式传输”,而“这串数据”***终呈现出来的颜色,取决于它在哪个色彩模型里,以何种色彩空间为参考,以及展示这个色彩的***终载体是什么。
一张图片经过相机拍摄,采集到色彩信息,并将这些信息以数据的形式存储下来。每个品牌的相机都有自己的色彩表现力,同一场景下捕捉色彩的能力并不相同,这里就决定了在输入端的色彩差异。
如果我们使用的是同一台相机,在直出jgp的时候,相机提供了srgb和adobe rgb的色彩空间供我们选择,选择不同的色彩空间,***终输出的图片色彩也会呈现不同的效果。
在色彩采集端,有三个变量导致了色差的产生:不同相机品牌的色彩捕捉能力;我们所选择的色彩空间以及相机自带的显示屏的色彩表达能力(色准/分辨率/色域等)。
这也就导致了,我们把一张jpg的图片,分别在佳能和尼康的相机显示屏中观看时,也会出现两种效果。
一般来说,我们的图片,或者说我们的色彩的传递路径是这样的:
困扰我们的色彩显示的问题,就会出现在这个路径上,了解色彩传递的原理并设置好每个环节,可以在很大程度上保证我们色彩传输的一致性。也就是解决色差问题。
色彩的表现
我们前面说了色彩在路径上传递时是以数据形式传输,那么显示设备如何解析这一串数据并显示相应的颜色?
举个例子,我们知道(R:255 G:0 B:0)代表的是红色,软件也知道它是红色,电脑也知道它代表的是红色,但是具体表现的时候应该表现出下面哪种红?
这个时候,我们就需要色彩空间的辅助,顾名思义,色彩空间就是一个空间,不同的空间里有不同的颜色,这个空间里就有不同数据的颜色所对应的色彩外观,由这个空间决定某个色彩数据***终呈现出来的颜色表现。
色彩空间就像上面的一个小盒子,里面装满了一个个的颜色,当电脑读取到我们的颜色数据是(R:255 G:0 B:0),那么它就会打开相应的颜色盒子,从这个颜色盒子里取出对应的色彩外观。
如上图,两张图片本质上是没有变化的,也就是说代表它们色彩信息的数据是未发生改动的,左图是在srgb色彩空间下所呈现的颜色,右边是在adobe rgb色彩空间下所呈现的颜色。
其实还有两个要素,决定了你看到上面两张图的颜色和我在写稿时候看到这两张图的颜色并不相同。
***个要素就是我们的屏幕材质的差异,这里包含了屏幕本身材质的差异,发光体老化,不同的色温环境/所处空间的适度和温度,毕竟看到颜色是我们的视觉,视觉是感觉的一种,既然是感觉,那么大家不能感同身受很正常。
第二个要素是我们看上面两张图片时屏幕所设定的色彩空间,也就是软件的色彩空间,大家应该都是在手机上看到这篇文章的,而我是在电脑上看到这张图,我的电脑的色彩空间设置是adobe rgb,所以我看到的颜色和大家看到的颜色并不相同。因为我们应该不在一个色彩空间下看颜色。
(图源网络)
理论上来说,我们只需要保证我们的图片在整个传输路径上都处于同一个色彩空间里,那么在路径传输就不会出现问题,保证了色彩的统一性。
实际上即便我们这么做了,还是会有色差,这个色差就是我们之前达成的第二个共识造成的,不同品牌的显示器都有自己的色彩表现力,不同的发光元件,甚至不同的使用时长导致硬件老化带来的色彩变化。
了解了这些,我们就大概了解了色差所产生的原因,如果我们想要消灭色差,那么我需要做到两点:
1:让色彩在整个传输路径上的色彩空间统一。
2:让每个显示器的显色能力统一。
抛开印刷,我们的图片只做web端分享,显然我们无法做到第二点,毕竟你在给客户看图的时候,总不能把自己的电脑/手机寄给她。
色彩管理的设置
想要详尽的说透色彩管理,首先我们得了解色彩的原理,不同色彩模型和色彩空间之间转换时的算法,人眼对于色彩的捕获能力等等繁多的内容,以上一千多个字也仅仅阐述了色彩管理系统中不到百分之一的内容,接下来就在普通色彩传递流程中一步步的教大家如何设置我们的硬件和软件,以实现理论上的色彩准确,如果对色彩管理知识感兴趣可以购买相关书籍。
简单通用的色彩管理流程
一:显示器
无论我们选择何种色彩空间,***终都需要借助显示器来观察图片的色彩外观,首先***步就需要对显示器进行一些必要的设置。
只用普通的独立显示器和苹果显示器为例,如果这些显示器想要获取足够准的颜色,都是需要使用校色仪进行校色的。
这里有两种情况,一种进行过校色的,一种是没有校色的。
先说一下没有校色的情况,我们需要在系统中加载相应的配置文件,如果你的显示器只是普通的srgb显示器,那么加载srgb IEC1966 -2.1 即可。如果你的显示器支持argb,那么我们需要在系统设置里加载adobe rgb。
并不是说一定得用adobe rgb,而是既然是广色域的显示器,如果不用adobe rgb,那岂不是浪费钱。
具体设置如下:
(苹果电脑)
而大部分win系统的显示器会有物理按键,首先需要在物理按键下选择相应的色彩模式,之后再在系统设置中加载相应的色彩空间。
(广色域下的物理按键设置)
在控制面板-颜色管理中选择相应的配置文件即可,需要注意的是,如果在物理按键上选择srgb,那么在颜色管理中也需要选择srgb。
如果你有校色仪的话,那么按照校色仪的指示进行设置即可,需要注意的一点是,请购买校色仪,不要租用,毕竟校色它不是一劳永逸的事,而是周期性的,一般用户推荐三个月到半年校色一次,而对色彩要求严格的同志,推荐一周到三个月校色一次。
不推荐租用的第二个原因是因为校色仪本身是一个非常精密的仪器,谁知道上一个租用者对它进行了什么样的操作,即便这个校色仪出了问题,你也基本上没可能会发现。
二:Photoshop的设置
在PS中有两块设置,***块是acr里的设置(lr同理),第二块是PS本身的色彩设置(ctrl+shift+K)。
首先说acr里的设置,以广色域显示器为例, 因为前面设置了显示器和系统的颜色,那么我们在acr里也设置Adobe rgb的色彩空间,为求更好的色彩层次,可以将深度改为16。
这里除了是因为我们前面的设置是adobe rgb以外,另外一个原因是Adobe rgb的色域比srgb更广,同时设置成16位深,可以在解raw时获取更好的色彩层次。
在Photoshop里,按下ctrl+shift+K 调出颜色设置,按照如下设置即可。
如果你的电脑不支持广色域,仅仅是99% srgb的标示之类的话,那么就把上面除了acr以外的设置中所有的Adobe rgb替换成srgb即可。
另外这里还牵涉到使用看图软件看图,我们需要选择那些支持色彩管理的看图软件,这里推荐选择使用adobe出品的bridge以及win7系统自带的预览。
但是!!!
不考虑印刷的话,我们所有的图片***终输出方向是web端分享,这个时候无论你前面流程设置是adobe rgb还是srgb,***后都要转换成srgb输出,因为srgb是互联网传播的通用默认色彩空间。
所以,如果你是按照广色域adobe rgb来设置颜色的,那么在***后输出的时候需要再做一步色彩空间转换,将图片的adobe rgb的色彩空间转换成srgb,深度设置为8位。具体操作如下:
「编辑-转换为配置文件」
默认设置即可。
至此,我们基本上保证了在整个色彩管理链路上,我们关于颜色显示的设置是正确无误的。
这样操作并不能解决在别人电脑上看到的颜色和我们在自己电脑上看到的颜色有“色差”这样的一个问题,但是它至少不会出现「以手机显示器颜色为准/胡乱校色」后的色彩问题。
***后的***后,我们要知道,色差是***的存在,除非像泰国电影《恋爱诊疗中》里的修图师男主一样,扛着27寸imac跑到广告公司去交稿。
(扛着电脑的是修图师男主)