顏色管理，讓自己的照片在網(wǎng)上正確地顯示(4)

色彩管理確實(shí)是個(gè)復(fù)雜的話題，前陣子我也被它弄得煩不勝煩。網(wǎng)上搜索一番發(fā)現(xiàn)相關(guān)文章都晦澀難懂，硬是啃完那些文章，我的問(wèn)題解決了，但也發(fā)現(xiàn)這個(gè)話題其實(shí)完全可以用淺顯的方式來(lái)解釋?zhuān)谑蔷头窒沓鰜?lái)給大家省點(diǎn)時(shí)間

作為一個(gè)攝影愛(ài)好者，我的絕大部分照片都是用來(lái)在網(wǎng)上分享的，所以本次討論的重點(diǎn)是如何讓自己的照片在網(wǎng)上正確地顯示。

當(dāng)然，也會(huì)有另外一小部分照片是自覺(jué)拍得特別好的，打印出來(lái)拿出去得瑟，但那個(gè)就不在此次討論范圍了。

本文對(duì)應(yīng)的PPT可以到微盤(pán)下載：http://vdisk.weibo.com/lc/2uZbBupjA0KaU8LmjL 密碼：B2N1

問(wèn)題出在哪？

首先，模仿那張著名的CMOS尺寸示意圖，我們來(lái)粗略地比較一下幾個(gè)常見(jiàn)的色彩空間：

可見(jiàn)，各個(gè)色彩空間表達(dá)顏色的能力大相徑庭。而這種不同也正反映了我們平時(shí)使用的各種屏幕（顯示器、手機(jī)屏幕、iPad屏幕）顯示顏色的能力不同，同一個(gè)顏色代碼在不同屏幕上看上去極有可能是不同的顏色。所以我們不得不在若干個(gè)色彩空間之間轉(zhuǎn)換，而色彩不一致的問(wèn)題，就出在轉(zhuǎn)換的過(guò)程中。

讓我們通過(guò)下一頁(yè)的圖表來(lái)看看一張照片從RAW文件到被人眼看到都經(jīng)歷了哪些步驟。

* 勘誤：RAW本身是沒(méi)有色彩空間的，詳情見(jiàn)最后的增加的一頁(yè)。

在這些步驟中，兩個(gè)紅色箭頭標(biāo)出的就是最容易出問(wèn)題的地方，因?yàn)樗鼈兌紩?huì)把圖片在兩個(gè)色彩空間之間轉(zhuǎn)換。

第一個(gè)紅箭頭代表的是P圖階段，第二個(gè)紅箭頭代表的是看圖階段，接下來(lái)我們就針對(duì)這兩個(gè)階段來(lái)研究一些對(duì)策。

校色是前提

無(wú)論你用的是什么顯示器，都必須經(jīng)過(guò)校正才能顯示出正確的顏色。

誰(shuí)能告訴我上面幾個(gè)色塊里哪個(gè)是標(biāo)準(zhǔn)的紅色？反正我是不能，不要相信自己的眼睛，因?yàn)樗菀妆或_，讓校色儀來(lái)解決這個(gè)問(wèn)題。

還有人說(shuō)專(zhuān)業(yè)P圖用的都是蘋(píng)果，那我買(mǎi)個(gè)蘋(píng)果的顯示器或者筆記本不就行了。蘋(píng)果的OSX在顏色管理方面確實(shí)比WINDOWS要先進(jìn)一點(diǎn)點(diǎn)，但不代表它的顯示器就會(huì)一直顯示正確的顏色，就拿我自己的兩臺(tái)MBP來(lái)說(shuō)，都是偏黃的，而且各有各的偏。所以無(wú)論你是用DELL、EIZO還是蘋(píng)果的顯示器，請(qǐng)校色！

插播老段子一則：啊不不，張總，是這樣的，再貴的顯示器都要校色的。

校色儀太貴？

淘寶上紅蜘蛛100塊租一天，可以把電腦、手機(jī)、iPad、筆記本甚至電視機(jī)全都校一遍。

顯示器ICC文件

通過(guò)校色，我們可以得到一個(gè)ICC文件，這個(gè)文件是針對(duì)被校正的那臺(tái)顯示器生成的一個(gè)色彩空間描述文件。有了這個(gè)文件，各種軟件就有了在不同色彩空間之間轉(zhuǎn)換的依據(jù)。

有人問(wèn)，同樣型號(hào)的顯示器，我把別人生成的ICC文件拷貝過(guò)來(lái)用可以嗎？

想得美！每臺(tái)顯示器或多或少都有點(diǎn)區(qū)別，同一批次可能行得通，但批次這東西誰(shuí)說(shuō)得清。

另外，廠家給你提供的那個(gè)默認(rèn)的ICC文件其實(shí)就是省事的做法，因?yàn)橹鹋_(tái)校色實(shí)在太費(fèi)時(shí)間，所以這個(gè)事情得自己做。

校色后WINDOWS長(zhǎng)啥樣

就拿我的WINDOWS機(jī)器舉個(gè)栗子，經(jīng)過(guò)校色之后的系統(tǒng)設(shè)置如圖（控制面板->顏色管理，即可進(jìn)入該界面）

首先，在設(shè)備列表里選中你的顯示器（DELL U2413）

然后你會(huì)在ICC配置文件列表里看到若干個(gè)項(xiàng)目：

Dell U2413（HDMI）-1（默認(rèn)值）

這個(gè)就是校色儀生成的配置文件，設(shè)置為默認(rèn)值的意思就是該文件在系統(tǒng)里生效了，你現(xiàn)在在顯示器上看到的任何顏色都是用這個(gè)ICC文件轉(zhuǎn)換出來(lái)的。

Dell U2413 Color Profile, D6500

這個(gè)是DELL提供的通用ICC文件，你可以試試把這個(gè)設(shè)為默認(rèn)，會(huì)發(fā)現(xiàn)屏幕會(huì)有非常明顯的變化（人眼的不可靠啊。。）

sRGB IEC61966-2.1

這個(gè)就是WINDOWS默認(rèn)的色彩空間了，也是網(wǎng)絡(luò)通用的色彩空間（微軟一廂情愿地希望用sRGB來(lái)統(tǒng)一宇宙色彩空間，但被現(xiàn)實(shí)無(wú)情地鄙視了）

那么多ICC配置文件，用哪個(gè)？

無(wú)論你在系統(tǒng)的ICC列表里看到多少個(gè)配置文件，遵循以下原則：

如果校色了，那么用校色儀生成的那個(gè)ICC文件，這個(gè)一定是首選。如果沒(méi)有校色的條件，那么用顯示器廠商提供的通用ICC文件。

只有以上兩個(gè)是最接近真實(shí)的方法，網(wǎng)上一部分教程建議把色彩空間統(tǒng)一設(shè)置為sRGB是非常錯(cuò)誤的做法，那樣做的效果只是讓同一張圖片在你自己電腦的不同軟件上看起來(lái)是一樣的，但世界上的其他人看到的跟你都不一樣！

————————————————————下面進(jìn)入P圖階段————————————————————

P圖階段（Photoshop）

P圖階段所用到的軟件，比如Photoshop、Lightroom等都對(duì)色彩空間有很好的支持。先說(shuō)Photoshop，進(jìn)入色彩設(shè)置界面（編輯->色彩設(shè)置），在顯示器顏色的設(shè)置中，RGB三原色所對(duì)應(yīng)的ICC配置應(yīng)該與上一節(jié)里所展示的WINDOWS設(shè)置一致。

當(dāng)你在PS里打開(kāi)一張圖片的時(shí)候，你很有可能遇到這個(gè)對(duì)話框：

以下三張圖分別對(duì)應(yīng)著從上到下三個(gè)選項(xiàng)的效果：

無(wú)論如何都不要選第三項(xiàng)，因?yàn)樗直┑胤艞壛松使芾�，那張圖看起來(lái)也非常假

不得不說(shuō)的是，有人還就喜歡把圖調(diào)成這種重口味的，哈哈，但即便是這個(gè)審美傾向，也不應(yīng)該選這個(gè)

剩下的兩個(gè)，乍一看選任何一個(gè)都可以，因?yàn)榭瓷先バЧ且粯拥�，顏色自然而真�?shí)，下面將介紹它們之間的區(qū)別。

首先，被打開(kāi)的圖片是一張內(nèi)嵌了ICC色彩配置的RAW文件，而那個(gè)ICC就是常見(jiàn)的Adobe RGB。而我的顯示器校正以后的ICC簡(jiǎn)稱(chēng)為U2413，這也是Photoshop和Windows當(dāng)前生效的色彩配置。兩個(gè)選項(xiàng)的作用分別是：

使用圖片內(nèi)嵌的色彩配置。

PS處理圖片的時(shí)候用的是原有色彩空間Adobe RGB，僅在顯示的時(shí)候轉(zhuǎn)換為U2413

把圖片從自己的色彩空間轉(zhuǎn)到。

PS色彩空間 PS直接把圖片里的顏色從Adobe RGB轉(zhuǎn)換到U2413，顯示的時(shí)候就不需要再轉(zhuǎn)了。

看上去非常繞，事實(shí)上以上兩項(xiàng)無(wú)論你選哪個(gè)，影響的都只是PS的內(nèi)部運(yùn)算，而在顯示的時(shí)候，PS都會(huì)把顏色轉(zhuǎn)換到U2413，所以最終看到的效果都是一樣的。

選哪個(gè)？

簡(jiǎn)單來(lái)說(shuō)，就跟我們追求大的動(dòng)態(tài)范圍是一個(gè)道理，如果圖片內(nèi)嵌的色彩空間大于你當(dāng)前的色彩空間，那么保留。比如在這個(gè)例子里，Adobe RGB是比U2413要豐富的，那我們選第一項(xiàng)來(lái)保留原有色彩空間。而如果原圖內(nèi)嵌的僅僅是sRGB這樣的貨色，那轉(zhuǎn)成U2413這樣的廣色域也未嘗不可。

還能再簡(jiǎn)單點(diǎn)嗎？

能，一律選第一項(xiàng)！

P圖P得差不多就可以導(dǎo)出成JPG了，Ctrl+Shift+Alt+S就進(jìn)入了導(dǎo)出JPG的界面，紅框里的區(qū)域就是關(guān)鍵：

務(wù)必要勾選“轉(zhuǎn)換到sRGB”

sRGB就是瀏覽器里看圖片的最保險(xiǎn)的色彩空間，因?yàn)閃INDOWS默認(rèn)色彩空間就是這個(gè)，而WINDOWS又是最被廣泛使用的操作系統(tǒng)。各個(gè)顯示器廠家在生產(chǎn)的時(shí)候，也盡量保證sRGB色彩空間顯示出來(lái)不會(huì)太離譜�？梢哉f(shuō)，把圖片導(dǎo)出到sRGB色彩空間的這個(gè)做法，就是針對(duì)網(wǎng)絡(luò)瀏覽的最佳實(shí)踐，所以請(qǐng)務(wù)必勾選。

至于那個(gè)下拉框里的四個(gè)選項(xiàng)，是用來(lái)預(yù)覽導(dǎo)出后的圖片在不同條件下面查看的效果，從上到下解釋一下：

在IE和WINDOWS上看的效果（僅限于你自己的機(jī)器）在古董MAC下看的看的效果在支持完整色彩管理的瀏覽器下看的效果，比如Chrome和Firefox（近似別人看到的效果）在你自己的顯示器上看的效果（同時(shí)也是別人看到的效果）

請(qǐng)以第四項(xiàng)的效果為準(zhǔn)，同時(shí)可以參考第三項(xiàng)的效果，頭兩項(xiàng)則可忽略。

這些天殺的軟件啊，給我那么多選項(xiàng)做什么，老子只要最make sense的那個(gè)！

P圖階段（Lightroom）

Lightroom相對(duì)傻瓜化，根本找不到任何與色彩管理相關(guān)的設(shè)置，它的工作方式是保留原圖的色彩空間，顯示的時(shí)候轉(zhuǎn)換為系統(tǒng)默認(rèn)的色彩空間，導(dǎo)出JPG的時(shí)候一律轉(zhuǎn)成sRGB。我覺(jué)得這個(gè)工作流非常正確，保留原圖色彩屬性，用正確的顏色預(yù)覽方便P圖，導(dǎo)出為網(wǎng)絡(luò)通用色彩空間，完美。

所以在一臺(tái)經(jīng)過(guò)校色的顯示器上，你在Lightroom里面看到的就是正確的顏色，導(dǎo)出以后可能會(huì)稍有偏差（主要是沒(méi)那么鮮艷了），但也非常接近原有效果了。

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

有人會(huì)問(wèn)，為什么LR導(dǎo)出來(lái)的圖片放在IE里面看，會(huì)異常鮮艷呢？

答案是你很有可能使用了廣色域顯示器，接下來(lái)進(jìn)入看圖部分。

看圖階段

有沒(méi)有發(fā)現(xiàn)導(dǎo)出的JPG放到瀏覽器里就變得異常鮮艷呢？這就是之前困擾我許多天的問(wèn)題，我翻閱很多文章，來(lái)回倒騰系統(tǒng)設(shè)置，甚至重新P圖，非常挫敗，所以得解時(shí)幾乎內(nèi)牛滿(mǎn)面啊。。。

首先，那個(gè)把圖片顯示得異常鮮艷的瀏覽器極有可能是IE或者各種帶殼的IE（比如QQ瀏覽器、360瀏覽器等所有以IE為內(nèi)核的瀏覽器。。。），因?yàn)镮E的顏色管理是半吊子。它雖然支持的ICC版本最全（版本2和4都支持），但它在顯示的時(shí)候，漏掉了最重要的一步，也就是把圖片從sRGB轉(zhuǎn)換為顯示器的色彩空間（還是拿我舉個(gè)栗子，就是之前提到的U2413）。

接下來(lái)讓我們來(lái)仔細(xì)分析并想一些對(duì)策。

讓我們來(lái)復(fù)習(xí)一下這張圖，理論上瀏覽器應(yīng)該把圖片從sRGB轉(zhuǎn)換為顯示器色彩空間（U2413）來(lái)顯示。但I(xiàn)E偏不這樣，它直接把未經(jīng)轉(zhuǎn)換圖像數(shù)據(jù)直接丟給顯示器了，這就相當(dāng)于一個(gè)中國(guó)人看一部印度字幕的美國(guó)電影，就是這么滑稽。背后原因不得而知，以下純屬個(gè)人猜想：

微軟自己主導(dǎo)sRGB，所以一切到此為止。轉(zhuǎn)換要時(shí)間的啊，為了性能，不轉(zhuǎn)了，反正大部分人看不出來(lái)。

而所有其他瀏覽器都做得很到位，無(wú)論是Chrome、Firefox還是Safari，都會(huì)兢兢業(yè)業(yè)地做色彩空間地轉(zhuǎn)換，讓你看到真實(shí)的效果。

這個(gè)問(wèn)題有多嚴(yán)重？

這個(gè)問(wèn)題并不嚴(yán)重，因?yàn)閮H在使用廣色域顯示器的情況下，這個(gè)問(wèn)題才變得顯眼。而廣色域顯示器并不是那么普及，大部分人用的還是是普通（非廣色域）顯示器。對(duì)于普通顯示器，由于它們?cè)谏a(chǎn)的時(shí)候就是針對(duì)sRGB色彩空間的，所以直接把sRGB的圖像數(shù)據(jù)往上丟也是行得通的，即便沒(méi)有那么準(zhǔn)確，但也八九不離十。

所以，如果你以正常流程P圖、導(dǎo)出JPG，那么絕大部分人看到的都是正常的顏色。

而如果你正在使用廣色域顯示器，千萬(wàn)不要罵它，廣色域可是好東西，讓你以最豐富的色彩空間來(lái)處理圖片，所以只要解決那一點(diǎn)點(diǎn)不太和諧的看圖問(wèn)題就好了。

如何用廣色域顯示器在WINDOWS里看到真實(shí)的色彩呢？

無(wú)論是IE還是WINDOWS資源管理器里的預(yù)覽，圖像都不做色彩空間轉(zhuǎn)換。但是“Windows圖片查看器”除外，它和其他幾個(gè)瀏覽器一樣，會(huì)老老實(shí)實(shí)地做色彩轉(zhuǎn)換，所以用它看到的圖片，就是正確的顏色。

其次，各種第三方看圖軟件，比如ACDSee和IrfanView，默認(rèn)是不做色彩空間轉(zhuǎn)換的。所以你要做的是到更改它們的設(shè)置，把色彩管理的選項(xiàng)給勾起來(lái)。

如圖所示，我自己用的是IrfanView，到設(shè)置里面把相應(yīng)的選項(xiàng)勾上即可（當(dāng)然會(huì)需要到官網(wǎng)下載一點(diǎn)額外的插件，相信難不住聰明的你的）

最后，盡量避開(kāi)IE及其馬甲，改用Chrome、Firefox或Safari等對(duì)色彩空間有完整支持的瀏覽器，以它們的顯示效果為準(zhǔn)。

如果你用蘋(píng)果

如果你使用的是蘋(píng)果電腦（裝Windows的除外），那么恭喜你，無(wú)論是P圖還是看圖，唯一需要做的事情就是校色。

即便不校色，Mac的顯示效果也是非常接近真實(shí)的，OSX接管了所有顏色管理的事情，不需要用戶(hù)操心。這就是那么多人愛(ài)用蘋(píng)果來(lái)做圖的原因。

擴(kuò)展閱讀 ——RAW文件的色彩空間

RAW文件本身記錄的是相機(jī)傳感器（CMOS）對(duì)光線的物理反應(yīng)，所以它本身是沒(méi)有套用在任何色彩空間的。

那么問(wèn)題來(lái)了，相機(jī)的色彩空間會(huì)影響RAW嗎？

答案是不會(huì)，這個(gè)和相機(jī)內(nèi)設(shè)置的色溫是類(lèi)似的效果，只影響機(jī)內(nèi)直出的JPG。

本文提到RAW的時(shí)候直接套用了Adobe RGB色彩空間確實(shí)欠妥，因?yàn)樯士臻g是在Adobe Camera Raw(ACR)插件在解析RAW文件的時(shí)候套用上去的。我們不僅可以查看，還可以改變ACR的工作方式。

如圖所示，紅框里的就是ACR渲染RAW時(shí)候的設(shè)置，用的是Adobe RGB色彩空間，每個(gè)通道的深度是16位。

點(diǎn)擊它就可以進(jìn)行進(jìn)一步設(shè)置。

這是ACR的設(shè)置界面，列表里面有四種色彩空間供選擇。

個(gè)人認(rèn)為，色彩空間的選擇，應(yīng)當(dāng)盡量與當(dāng)前顯示器的顯示能力相匹配，選擇過(guò)大或過(guò)小的色彩空間，都會(huì)造成色彩的不準(zhǔn)確或損失。

Adobe RGB，市面上的廣色域顯示器，大部分是針對(duì)該色域設(shè)計(jì)的，能夠表達(dá)99%的色彩。所以如果是用的廣色域顯示器，可選擇Adobe RGB。
ProPhoto RGB是比Adobe RGB更加寬廣的色彩空間，寬廣到大部分顯示器無(wú)法顯示，所以選擇它意義不大。

再就是sRGB，如果你的顯示器是針對(duì)sRGB校準(zhǔn)的，那么選擇這個(gè)色彩空間也是可以的。

ColorMatch RGB與sRGB比較接近，如果你都沒(méi)有聽(tīng)說(shuō)過(guò)，那忽略它吧。

最后，希望本文能幫到你。