照片傳到網(wǎng)上后出現(xiàn)變色(色差)問(wèn)題的原因及解決方法(圖文)-
來(lái)源：互聯(lián)網(wǎng) 作者：佚名 時(shí)間：05-15 10:28:22 【大 中 小】 點(diǎn)評(píng)：有時(shí)候我們拍的照片在手機(jī)或相機(jī)里看著都不錯(cuò)的.但是傳到網(wǎng)上,發(fā)現(xiàn)顏色變了.這是什么原因呢.下面給大家介紹一下-
   隨著單反相機(jī)的普及，大家都會(huì)拿著自己心愛(ài)的寶貝出門(mén)拍照，并且會(huì)將拍攝的作品上傳到博客、論壇以及各種社交網(wǎng)站中與大家分享。不過(guò)很多人會(huì)發(fā)現(xiàn)，有時(shí)候自己用單反相機(jī)所拍攝的照片在本地磁盤(pán)中打開(kāi)后的效果，與在網(wǎng) 頁(yè)中顯示的效果會(huì)出現(xiàn)一定的差異，同一張圖片在沒(méi)有經(jīng)過(guò)任何處理的情況下竟然出現(xiàn)了兩種截然不同的效果，為什么會(huì)出現(xiàn)這種情況呢？

照片傳到網(wǎng)上為什么會(huì)變色?   首先大家想到的原因，是部分網(wǎng)站為了讓網(wǎng)友獲得更快的瀏覽速度，在用戶上傳照片時(shí)會(huì)進(jìn)行一定的壓縮，因此這個(gè)做法會(huì)造成圖片部分信息的丟失讓照片出現(xiàn)一定的失真現(xiàn)象。不過(guò)隨著寬帶的普及，目前大多數(shù)博客、論壇等站點(diǎn)（尤其是專業(yè)攝影網(wǎng)站）都盡可能保證大家上傳的照片不被壓縮。但盡管如此，不少攝影愛(ài)好者還是會(huì)發(fā)現(xiàn)照片在網(wǎng)頁(yè)中的色彩與圖片處理軟件的效果有些不同，這就不能將罪名放在網(wǎng)站頭上了，事實(shí)上罪魁禍?zhǔn)卓赡芫褪悄臑g覽器。

瀏覽器其實(shí)也是色彩管理系統(tǒng)的組成部分，但我們很少關(guān)注它們這部分特性   沒(méi)錯(cuò)，瀏覽器本身雖然與顯示器的色彩效果雖然表面看上去八竿子打不著，但實(shí)際上其也屬于色彩管理系統(tǒng)中一個(gè)重要的組成部分。在之前的文章中，我們已經(jīng)介紹過(guò)不論是大家常用的Windows系統(tǒng)還是蘋(píng)果的Mac系統(tǒng)都有色彩管理的組件，其根據(jù)相機(jī)、顯示器、打印機(jī)、投影機(jī)等外部設(shè)備的ICC文件信息來(lái)進(jìn)行匹配，而瀏覽器與圖片處理、查看軟件一樣，也同樣受到色彩管理系統(tǒng)的控制。接下來(lái)我們就來(lái)研究在怎樣的照片，或是在什么條件下，我們?cè)诒镜卮疟P(pán)中觀看效果與在網(wǎng)頁(yè)中看到結(jié)果會(huì)有一定的差異，產(chǎn)生差異的原因是什么。

顯示器顯示效果瀏覽器對(duì)色彩管理的支持很重要
   說(shuō)到色彩管理系統(tǒng)，在我們之前在《只是為文藝? 專業(yè)工作室為何鐘情蘋(píng)果》這篇文章中進(jìn)行了詳細(xì)的介紹。 不同的設(shè)備都有不同的色彩特性，如拍攝照片時(shí)，相機(jī)會(huì)把自己的補(bǔ)色能力記錄成ICC文件桉嵌入圖片，顯示器的顯色能力也會(huì)記錄在驅(qū)動(dòng)程序的ICC文件中，操作系統(tǒng)從圖片檔讀取ICC，再根據(jù)顯示器的ICC，把圖片的色彩信息轉(zhuǎn)換成顯示器的發(fā)色，最后再經(jīng)過(guò)伽馬校正，顯示出圖片原本的顏色。色彩管理系統(tǒng)工作就是將所有硬件的ICC進(jìn)行匹配和統(tǒng)一，達(dá)到最優(yōu)的輸出效果。

通過(guò)ICC文件，色彩管理系統(tǒng)將各個(gè)設(shè)備進(jìn)行統(tǒng)一的匹配    每臺(tái)數(shù)碼相機(jī)都有自己的ICC特性，在拍攝照片后，其會(huì)將自己的ICC信息記錄在每一張圖片文件中，供操作系統(tǒng)的色彩管理系統(tǒng)進(jìn)行加載和調(diào)取。而對(duì)于單反相機(jī)和部分高端DC而言，它們擁有兩個(gè)色彩空間的屬性：sRGB與Adobe RGB，通常我們采用的都是sRGB色彩空間，但Adobe RGB的顏色覆蓋范圍要比sRGB更廣，因此高端攝影以及出版印刷行業(yè)的用戶會(huì)采用Adobe RGB色彩空間。在設(shè)置不同的色彩空間時(shí)，相機(jī)在寫(xiě)入到照片中ICC配置文件信息也會(huì)有所不同。

單反相機(jī)都會(huì)有色彩空間的選項(xiàng)，設(shè)置不同的色彩空間ICC文件信息也不一樣    這樣問(wèn)題就來(lái)了：如果選擇sRGB色彩空間拍照，由于Windows操作系統(tǒng)默認(rèn)采用sRGB色彩空間，即使是不支持加載ICC文件的程序（如圖片軟件或?yàn)g覽器等），在顯示渲染時(shí)會(huì)交給Windows系統(tǒng)來(lái)完成，這樣色彩幾乎不會(huì)出現(xiàn)任何變化；但如果選擇Adobe RGB色彩空間拍照，當(dāng)使用不支持ICC加載能力的程序打開(kāi)后，就會(huì)出現(xiàn)偏色的現(xiàn)象（盡管大多數(shù)顯示器都不支持Adobe RGB色彩空間，但通過(guò)色彩管理系統(tǒng)對(duì)ICC文件進(jìn)行重新轉(zhuǎn)換與處理，同樣可以輸出不錯(cuò)的色彩，但如果完全不進(jìn)行色彩空間的轉(zhuǎn)換，實(shí)際差異會(huì)非常大）。

采用Adobe RGB色彩空間拍攝同一張色卡，上傳到網(wǎng)上后使用不同瀏覽器觀看的效果   這里我們來(lái)做個(gè)實(shí)驗(yàn)：將相機(jī)調(diào)節(jié)到Adobe RGB色彩空間后拍攝一張如上圖的標(biāo)準(zhǔn)色卡照片，并將其上傳到互聯(lián)網(wǎng)上，分別采用支持加載ICC文件和不支持加載ICC文件的瀏覽器打開(kāi)這張圖片，或者照片原始的ICC信息不幸丟失，就會(huì)呈現(xiàn)出如上圖中的差異：支持加載ICC能力的瀏覽器色彩相對(duì)更飽和，而后者則顏色則相對(duì)較為暗淡，這就是很多網(wǎng)友感覺(jué)到在瀏覽器中觀看圖片會(huì)出現(xiàn)偏色的現(xiàn)象。也就是說(shuō)：在保證照片ICC文件得到保留的情況下，如果使用支持加載ICC文件能力（即具備色彩管理能力）的瀏覽器就可以基本避免偏色的問(wèn)題。那么我們?nèi)绾螜z測(cè)自己所使用的瀏覽器是否支持加載ICC文件的能力（即具備色彩管理能力）呢？

我的瀏覽器支持色彩管理功能嗎?
  由于蘋(píng)果Mac OS系統(tǒng)中采用了強(qiáng)大的ColorSync色彩管理系統(tǒng)，只要在其上連接注冊(cè)的硬件以及安裝好的軟件都通過(guò)ColorSync來(lái)進(jìn)行管理，因此在Mac OS系統(tǒng)中不論采用哪種圖形、視頻、瀏覽器等軟件打開(kāi)圖片，它們都統(tǒng)一受到ColorSync系統(tǒng)的管理與約束，都具備加載ICC文件的能力，那么在Windows系統(tǒng)下如何判斷我們的瀏覽器是否具有這個(gè)特性呢？（Windows色彩管理系統(tǒng)是不具備統(tǒng)一管理能力的，其完全交給各個(gè)軟件自行決定）這里我們提供一個(gè)網(wǎng)站，進(jìn)入后可以自己進(jìn)行測(cè)試：
  這個(gè)頁(yè)面一共包含兩個(gè)測(cè)試，大家分布可以點(diǎn)擊“ICC Color Profile Test”與“Color in IE9”這兩個(gè)鏈接進(jìn)入，雖然形式不同，但測(cè)試的結(jié)果是完全不同的。我們首先來(lái)看看第一個(gè)測(cè)試：進(jìn)入頁(yè)面之后，第一張由四個(gè)小圖組成的圖片就是您所使用瀏覽器的測(cè)試結(jié)果，以下是測(cè)試結(jié)果說(shuō)明。本次我們使用目前非常著名的五款瀏覽器：微軟IE、Google Chrome、Mozilla Firefox、蘋(píng)果Safari以及Opera來(lái)進(jìn)行測(cè)試，我們選擇的瀏覽器程序均為Windows版。

測(cè)試結(jié)果說(shuō)明   從測(cè)試說(shuō)明中，可以看到只有當(dāng)四個(gè)小圖顏色完全一致時(shí)，對(duì)色彩管理能力的支持才是最好的，下面我們就來(lái)看看這五款著名瀏覽器的表現(xiàn)吧。

不支持色彩管理的瀏覽器顯示的圖片是非?！半y看”的
勝利者的成績(jī)單   從結(jié)果來(lái)看，微軟IE9、所有版本的蘋(píng)果Safari、Firefox 3.6.4之后的版本（需要修改參數(shù)）能夠很好的支持色彩管理功能，而所有版本的Chrome與Opera以及老版本的IE和Firefox都無(wú)法支持加載ICC文件的能力，即使用這些瀏覽器觀看圖片時(shí)，可能會(huì)出現(xiàn)偏色的現(xiàn)象。下一頁(yè)我們?cè)賮?lái)看看另外一個(gè)測(cè)試結(jié)果。

專業(yè)顯示器 瀏覽器色彩管理測(cè)試結(jié)果與分析
  一個(gè)測(cè)試可能說(shuō)明不了太多問(wèn)題，下面我們來(lái)進(jìn)入第二個(gè)測(cè)試。這個(gè)測(cè)試中如果瀏覽器能夠很好的支持色彩管理功能，應(yīng)該顯示一副完整的圖片，而不是上、中、下三個(gè)部分顯示不同的色彩。我們建議點(diǎn)擊放大圖片來(lái)觀看下面的測(cè)試結(jié)果。

上文中測(cè)試不合格者，成績(jī)依舊不及格
優(yōu)秀的“學(xué)生”在任何測(cè)試中都能取得好成績(jī)   在第二個(gè)測(cè)試中，我們可以看到與上一個(gè)結(jié)果完全相同，新版的IE、Firefox和Safari瀏覽器都能夠很好的支持色彩管理功能，而Chrome與Opera瀏覽器則全軍覆沒(méi)。需要說(shuō)明的是，IE9瀏覽器給我們帶來(lái)了驚喜，這個(gè)驚喜不是在性能上有多么出色，而是可以看到微軟正在不斷的改善其在色彩管理方面功能上的不足，畢竟其在推出IE8等之前的瀏覽器還完全不支持加載ICC文件的能力，但可惜的是微軟在發(fā)布IE9的時(shí)候并沒(méi)有宣傳這個(gè)新的特性，以至于很多用戶毫不知情。同樣，F(xiàn)irefox在近期發(fā)布的新版中也加入了對(duì)色彩管理的支持（但是需要修改參數(shù)，設(shè)置方法在最后的附文中介紹）。
  需要表?yè)P(yáng)的是蘋(píng)果Safari瀏覽器，不論是Mac版還是Windows版其都至始至終的支持色彩管理功能，蘋(píng)果自然在官方宣傳中不會(huì)放過(guò)這一點(diǎn)，其在色彩管理方面所做的成績(jī)已經(jīng)獲得了專業(yè)人士很好的口碑。而Chrome和Opera雖然版本數(shù)字非常大，但也許它們的設(shè)計(jì)理念就是追求快速、方便，因此也舍棄了諸如色彩管理等方面的功能。至于傲游、搜狗等國(guó)內(nèi)廠商推出的瀏覽器能否支持色彩管理功能，感興趣的讀者可以自己來(lái)測(cè)試。
  而在上文中，我們已經(jīng)介紹過(guò)蘋(píng)果Mac OS中由于ColorSync色彩管理系統(tǒng)存在，其強(qiáng)制掌管每個(gè)程序的色彩處理大權(quán)，因此即使使用Mac版Chrome瀏覽器，依舊可以非常輕松的通過(guò)上述兩個(gè)測(cè)試。
  為了避免上網(wǎng)瀏覽照片時(shí)出現(xiàn)偏色的情況，最好還是在拍攝時(shí)完整的保存圖片文件，不要?jiǎng)h除其原生的ICC文件信息，然后使用支持色彩管理功能（即支持加載ICC文件信息）的瀏覽器，或者干脆使用蘋(píng)果Mac系統(tǒng)，這樣就不再害怕出現(xiàn)“靈異事件”了。
附：Firefox 3.6.4之后版本瀏覽器支持色彩管理功能的設(shè)置方法（僅限于Windows版）：
進(jìn)入gfx.color_management.enablev4設(shè)置是否支持ICC v4，修改成ture，重啟Firefox瀏覽器后即可。
說(shuō)明：gfx.color_management.mode這里Firefox使用整數(shù)數(shù)字來(lái)定義，共有3種模式可以設(shè)置：
1）：項(xiàng)值為0，表示關(guān)閉色彩管理功能（即放棄加載圖片的ICC文件）；
2）：項(xiàng)值為1，表示開(kāi)啟色彩管理功能，行為方式是檢測(cè)到含有ICC文件的圖片時(shí)，調(diào)用其ICC文件，若檢測(cè)的圖片沒(méi)有嵌入ICC文件，則采用Windows操作系統(tǒng)當(dāng)前所設(shè)置的ICC文件來(lái)進(jìn)行轉(zhuǎn)換和處理（Windows默認(rèn)的色彩管理文件為sRGB ICC）；
3）：項(xiàng)值為2，表示只對(duì)含有ICC文件的圖片進(jìn)行色彩管理，而對(duì)沒(méi)有ICC文件的圖片以及網(wǎng)頁(yè)上的其它色彩（包括文字）則不做色彩管理，顯示器使用Windows當(dāng)前使用的ICC進(jìn)行轉(zhuǎn)換和輸出（Windows默認(rèn)的色彩管理文件為sRGB ICC），此時(shí)如果用戶使用廣色域顯示器，會(huì)覺(jué)得色彩被夸張渲染。設(shè)置成功后需要重新啟動(dòng)Firefox瀏覽器才會(huì)生效！

詳細(xì)出處參考：http://www.jb51.net/softjc/44414.html