您的位置 首页 > 数码极客

【srgb是什么意思】如何在网络上正确显示自己的照片?

@李小协本人(微软工程师):色彩管理确实是个复杂的话题,不久前我也很烦。网络搜索结果发现,相关文章都很费解,强行啃下那些文章,我的问题得到了解决,但这个话题其实可以用简单明了的方式解释,从而节省了时间。(大卫亚设)。

作为摄影爱好者,我的大部分照片都是为了在网上分享,所以这次讨论的重点是如何在网上正确显示自己的照片。(莎士比亚)。

当然,另一张小照片也可以自觉拍得很好,打印出来,拿出来得瑟,但那不在这次讨论的范围内。(莎士比亚,莎士比亚。)

本文中相应的PPT可以下载到微型磁盘。

有什么问题吗?

首先,让我们模仿著名的CMOS大小图表,大致比较一些常见的色彩空间。

在不同的色彩空间中表现颜色的能力有很大差异。这种差异也反映了我们常用的各种屏幕(显示器、手机屏幕、ipad屏幕)的颜色显示能力不同,同样的颜色代码在不同的屏幕上很有可能出现不同的颜色。所以我们不得不在几个颜色空间之间切换,颜色不一致的问题在转换过程中出现。

在此步骤中,两个红色箭头表示最容易出现问题的部分,因为在两个颜色空间之间转换图片。

第一个红色箭头表示PA阶段,第二个红色箭头表示图阶段。接下来,我们来看一下这两个阶段的一些对策。

交色是前提

不管使用什么显示器,要想显示正确的颜色,都要经过校准。

谁能告诉我上面几个颜色块中哪个是标准红色的?反正我做不到。不要相信我的眼睛。因为太容易受骗,使校色系解决了这个问题。

另外,据说专业PA都是苹果。那我买苹果显示器或者笔记本电脑不就行了吗。(威廉莎士比亚、哈姆雷特、专业、专业、专业)苹果的OSX在色彩管理方面确实比WINDOWS领先一点。但这并不意味着那台显示器总是显示正确的颜色。拿我自己的两个MBP来看,都是黄色的,各有各的偏向。(威廉莎士比亚、温斯顿、SLATLISON)。(NORTHERN EXPOSURE)所以,无论使用DELL、EIZO、苹果显示器,请校准颜色!

交色机太贵了吗?淘宝上的红蜘蛛每天租100元,电脑、手机、ipad、笔记本电脑、甚至电视都可以校准一次。

监视器ICC文件

通过颜色校正,您可以获得ICC文件,这是为校准的显示器生成的色域配置文件。使用该文件,各种软件可以在不同的色彩空间之间转换。

我可以在同一型号的显示器上复制别人生成的ICC文件并使用吗?

想得漂亮!每台显示器都有一定的差异,同样的配置可能行得通,但是配置这个东西谁能说清楚。

此外,制造商提供的基本ICC文件实际上是一种简单的方法。因为学校的颜色太费时间了,所以必须自己做这件事。

校色后,windows看起来怎么样?

拿着我的WINDOWS机器举着栗子,画出经过校色后的系统设置(控制面板-色彩管理,可以输入界面)

首先从设备列表中选择显示器(DELL U2413)

然后,您可以在ICC设定档清单中检视多个项目。

Dell U2413(HDMI)-1(默认)

这是校正器生成的轮廓。设置为默认值意味着文件在系统上工作。显示中的所有可见颜色都使用此ICC文件进行转换。(大卫亚设)。

Dell U2413 Color Profile、D6500

这是戴尔提供的通用ICC文件。请尝试将此设置为默认值。屏幕可能会有非常明显的变化(人眼不可靠).)

SRGB IEC61966-2.1

这是WINDOWS的基本色彩空间,也是互联网通用色彩空间(微软希望使用sRGB统一宇宙的色彩空间,但被现实无情地鄙视)

那么多ICC简介用哪个?

无论系统的ICC列表中显示了多少个配置文件,请遵循以下准则:

1.如果成为校色,校色器生成的那个ICC文件将优先。

2.如果没有配色条件,则使用显示器供应商提供的通用ICC文件。

只有以上两种是最接近真相的方法。网上一些教程将色彩空间统一为sRGB是非常错误的方法。这样做的效果只是让同一幅画在自己电脑的其他软件上看起来一样。但是世界上其他人看到的和你不一样!

绘画阶段(Photoshop)

PA阶段使用的软件(如Photoshop、Lightroom等)都很好地支持色彩空间。首先使用Photoshop、“颜色设置”界面(编辑-颜色设置)、“显示颜色”

设置中,RGB三原色所对应的ICC配置应该与上一节里所展示的WINDOWS设置一致。

当你在PS里打开一张图片的时候,你很有可能遇到下面这个对话框:

无论如何都不要选第三项,因为它粗暴地放弃了色彩管理,那张图看起来也非常假。不得不说的是,有人还就喜欢把图调成这种重口味的,哈哈,但即便是这个审美倾向,也不应该选这个!

剩下的两个,乍一看选任何一个都可以,因为看上去效果是一样的,颜色自然而真实,下面将介绍它们之间的区别。

首先,被打开的图片是一张内嵌了ICC色彩配置的RAW文件,而那个ICC就是常见的Adobe RGB。而我的显示器校正以后的ICC简称为U2413,这也是Photoshop和Windows当前生效的色彩配置。两个选项的作用分别是:

1.使用图片内嵌的色彩配置

PS处理图片的时候用的是原有色彩空间Adobe RGB,仅在显示的时候转换为U2413

2.把图片从自己的色彩空间转到PS色彩空间

PS直接把图片里的颜色从Adobe RGB转换到U2413,显示的时候就不需要再转了

看上去非常绕,事实上以上两项无论你选哪个,影响的都只是PS的内部运算,而在显示的时候,PS都会把颜色转换到U2413,所以最终看到的效果都是一样的。

选哪个?

简单来说,就跟我们追求大的动态范围是一个道理,如果图片内嵌的色彩空间大于你当前的色彩空间,那么保留。比如在这个例子里,Adobe RGB是比U2413要丰富的,那我们选第一项来保留原有色彩空间。而如果原图内嵌的仅仅是sRGB这样的货色,那转成U2413这样的广色域也未尝不可。

还能再简单点吗?能,一律选第一项!

P图P得差不多就可以导出成JPG了,Ctrl+Shift+Alt+S就进入了导出JPG的界面,红框里的区域就是关键:

务必要勾选“转换到sRGB”

sRGB就是浏览器里看图片的最保险的色彩空间,因为WINDOWS默认色彩空间就是这个,而WINDOWS又是最被广泛使用的操作系统。各个显示器厂家在生产的时候,也尽量保证sRGB色彩空间显示出来不会太离谱。可以说,把图片导出到sRGB色彩空间的这个做法,就是针对网络浏览的最佳实践,所以请务必勾选。

至于那个下拉框里的四个选项,是用来预览导出后的图片在不同条件下面查看的效果,从上到下解释一下:

在IE和WINDOWS上看的效果(仅限于你自己的机器)

在古董MAC下看的看的效果

在支持完整色彩管理的浏览器下看的效果,比如Chrome和Firefox(近似别人看到的效果)

在你自己的显示器上看的效果(同时也是别人看到的效果)

请以第四项的效果为准,同时可以参考第三项的效果,头两项则可忽略。

这些天杀的软件啊,给我那么多选项做什么,老子只要最make sense的那个!

P图阶段(Lightroom)

Lightroom相对傻瓜化,根本找不到任何与色彩管理相关的设置,它的工作方式是保留原图的色彩空间,显示的时候转换为系统默认的色彩空间,导出JPG的时候一律转成sRGB。我觉得这个工作流非常正确,保留原图色彩属性,用正确的颜色预览方便P图,导出为网络通用色彩空间,完美。

所以在一台经过校色的显示器上,你在Lightroom里面看到的就是正确的颜色,导出以后可能会稍有偏差(主要是没那么鲜艳了),但也非常接近原有效果了。

如果你使用LIGHTROOM,恭喜,你啥都不用做,相信它就好。

有人会问,为什么LR导出来的图片放在IE里面看,会异常鲜艳呢?

答案是你很有可能使用了广色域显示器,接下来进入看图部分。

看图阶段

有没有发现导出的JPG放到浏览器里就变得异常鲜艳呢?这就是之前困扰我许多天的问题,我翻阅很多文章,来回倒腾系统设置,甚至重新P图,非常挫败,所以得解时几乎内牛满面啊…

首先,那个把图片显示得异常鲜艳的浏览器极有可能是IE或者各种带壳的IE(比如腾讯浏览器、360浏览器等所有以IE为内核的浏览器…),因为IE的颜色管理是半吊子。它虽然支持的ICC版本最全(版本2和4都支持),但它在显示的时候,漏掉了最重要的一步,也就是把图片从sRGB转换为显示器的色彩空间(还是拿我举个栗子,就是之前提到的U2413)。

接下来让我们来仔细分析并想一些对策。

让我们来复习一下这张图,理论上浏览器应该把图片从sRGB转换为显示器色彩空间(U2413)来显示。但IE偏不这样,它直接把未经转换图像数据直接丢给显示器了,这就相当于一个中国人看一部印度字幕的美国电影,就是这么滑稽。背后原因不得而知,以下纯属个人猜想:

微软自己主导sRGB,所以一切到此为止

转换要时间的啊,为了性能,不转了,反正大部分人看不出来

而所有其他浏览器都做得很到位,无论是Chrome、Firefox还是Safari,都会兢兢业业地做色彩空间地转换,让你看到真实的效果。

这个问题有多严重?

这个问题并不严重,因为仅在使用广色域显示器的情况下,这个问题才变得显眼。而广色域显示器并不是那么普及,大部分人用的还是是普通(非广色域)显示器。对于普通显示器,由于它们在生产的时候就是针对sRGB色彩空间的,所以直接把sRGB的图像数据往上丢也是行得通的,即便没有那么准确,但也八九不离十。

所以,如果你以正常流程P图、导出JPG,那么绝大部分人看到的都是正常的颜色。

而如果你正在使用广色域显示器,千万不要骂它,广色域可是好东西,让你以最丰富的色彩空间来处理图片,所以只要解决那一点点不太和谐的看图问题就好了。

如何用广色域显示器在WINDOWS里看到真实的色彩呢?

无论是IE还是WINDOWS资源管理器里的预览,图像都不做色彩空间转换。但是“Windows图片查看器”除外,它和其他几个浏览器一样,会老老实实地做色彩转换,所以用它看到的图片,就是正确的颜色。

其次,各种第三方看图软件,比如ACDSee和IrfanView,默认是不做色彩空间转换的。所以你要做的是到更改它们的设置,把色彩管理的选项给勾起来。

如图所示,我自己用的是IrfanView,到设置里面把相应的选项勾上即可(当然会需要到官网下载一点额外的插件,相信难不住聪明的你的)

最后,尽量避开IE及其马甲,改用Chrome、Firefox或Safari等对色彩空间有完整支持的浏览器,以它们的显示效果为准。

如果你用苹果

如果你使用的是苹果电脑(装Windows的除外),那么恭喜你,无论是P图还是看图,唯一需要做的事情就是校色。

即便不校色,Mac的显示效果也是非常接近真实的。

OSX接管了所有颜色管理的事情,不需要用户操心。

这就是那么多人爱用苹果来做图的原因。

关于作者: luda

无忧经验小编鲁达,内容侵删请Email至wohenlihai#qq.com(#改为@)

热门推荐