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

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

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

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

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

問題出在哪？

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

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

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

* 勘誤：RAW本身是沒有色彩空間的，詳情見最后的增加的一頁。

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

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

校色是前提

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

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

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

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

校色儀太貴？

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

顯示器ICC文件

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

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

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

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

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

就拿我的WINDOWS機(jī)器舉個(gè)栗子，經(jīng)過校色之后的系統(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)換出來的。

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來統(tǒng)一宇宙色彩空間，但被現(xiàn)實(shí)無情地鄙視了）

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

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

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

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

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

P圖階段（Photoshop）

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

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

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

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

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

剩下的兩個(gè)，乍一看選任何一個(gè)都可以，因?yàn)榭瓷先バЧ且粯拥模伾匀欢鎸?shí)，下面將介紹它們之間的區(qū)別。

首先，被打開的圖片是一張內(nèi)嵌了ICC色彩配置的RAW文件，而那個(gè)ICC就是常見的Adobe RGB。而我的顯示器校正以后的ICC簡(jiǎn)稱為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)無論你選哪個(gè)，影響的都只是PS的內(nèi)部運(yùn)算，而在顯示的時(shí)候，PS都會(huì)把顏色轉(zhuǎn)換到U2413，所以最終看到的效果都是一樣的。

選哪個(gè)？

簡(jiǎn)單來說，就跟我們追求大的動(dòng)態(tài)范圍是一個(gè)道理，如果圖片內(nèi)嵌的色彩空間大于你當(dāng)前的色彩空間，那么保留。比如在這個(gè)例子里，Adobe RGB是比U2413要豐富的，那我們選第一項(xiàng)來保留原有色彩空間。而如果原圖內(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色彩空間顯示出來不會(huì)太離譜�？梢哉f，把圖片導(dǎo)出到sRGB色彩空間的這個(gè)做法，就是針對(duì)網(wǎng)絡(luò)瀏覽的最佳實(shí)踐，所以請(qǐng)務(wù)必勾選。

至于那個(gè)下拉框里的四個(gè)選項(xiàng)，是用來預(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。我覺得這個(gè)工作流非常正確，保留原圖色彩屬性，用正確的顏色預(yù)覽方便P圖，導(dǎo)出為網(wǎng)絡(luò)通用色彩空間，完美。

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

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

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

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

看圖階段

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

如果你用蘋果

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

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

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

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

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

答案是不會(huì)，這個(gè)和相機(jī)內(nèi)設(shè)置的色溫是類似的效果，只影響機(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)前顯示器的顯示能力相匹配，選擇過大或過小的色彩空間，都會(huì)造成色彩的不準(zhǔn)確或損失。

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

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

ColorMatch RGB與sRGB比較接近，如果你都沒有聽說過，那忽略它吧。

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