上傳發色

Ⅰ 照片傳到網上後出現變色(色差)問題的原因，如何解決

隨著單反相機的普及，大家都會拿著自己心愛的寶貝出門拍照，並且會將拍攝的作品上傳到博客、論壇以及各種社交網站中與大家分享。不過很多人會發現，有時候自己用單反相機所拍攝的照片在本地磁碟中打開後的效果，與在網 頁中顯示的效果會出現一定的差異，同一張圖片在沒有經過任何處理的情況下竟然出現了兩種截然不同的效果，為什麼會出現這種情況呢?
照片傳到網上為什麼會變色? 首先大家想到的原因，是部分網站為了讓網友獲得更快的瀏覽速度，在用戶上傳照片時會進行一定的壓縮，因此這個做法會造成圖片部分信息的丟失讓照片出現一定的失真現象。不過隨著寬頻的普及，目前大多數博客、論壇等站點(尤其是專業攝影網站)都盡可能保證大家上傳的照片不被壓縮。但盡管如此，不少攝影愛好者還是會發現照片在網頁中的色彩與圖片處理軟體的效果有些不同，這就不能將罪名放在網站頭上了，事實上罪魁禍首可能就是您的瀏覽器。
瀏覽器其實也是色彩管理系統的組成部分，但我們很少關注它們這部分衡穗好特性 沒錯，瀏覽器本身雖然與顯示器的色彩效果雖然表面看上去八竿子打不著，但實際上其也屬於色彩管理系統中一個重要的組成部分。在之前的文章中，我們已經介紹過不論是大家常用的Windows系統還是蘋果的Mac系統都有色彩管理的組件，其根據相機、顯示器、列印機、投影機等外部設備的ICC文件信息來進行匹配，而瀏覽器與圖片處理、查看軟體一樣，也同樣受到色彩管理系統的控制。接下來我族培們就來研究在怎樣的照片，或是在什麼條件下，我們在本地磁碟中觀看效果與在網頁中看到結果會有一定的差異，產生差異的原因是什麼。
顯示器顯示效果瀏覽器對色彩管理的支持很重要
說到色彩管理系統，在我們之前在《只是為文藝? 專業工作室為何鍾情蘋果》這篇文章中進行了詳細的介紹。 不同的設備都有不同的色彩特性，如拍攝照片時，相機會把自己的補色能力記錄成ICC文件桉嵌入圖片，顯示器的顯色能力也會記錄在驅動程序的ICC文件中，操作系統從圖片檔讀取ICC，再根據顯示器的ICC，把圖片的色彩信息轉換成顯示器的發色，最後再經過伽馬校正，顯示出圖片原本的顏色。色彩管理系統工作就是將所有硬體的ICC進行匹配和統一，達到最優的輸出效果。
通過ICC文件，色彩管理系統將各個設備進行統一的匹配 每台數碼相機都有自己的ICC特性，在拍攝照片後，其會將自己的ICC信息記錄在每一張圖片文件中，供操作系統的色彩管理系統進行載入和調取。而對於單反相機和部分高端DC而言，它們擁有兩個色彩空間的屬性：sRGB與Adobe RGB，通常我們採用的都是sRGB色彩空間，但Adobe RGB的顏色覆蓋范圍要比sRGB更廣，因此高端攝影以及出版印刷行業的用戶會採用Adobe RGB色彩空間。在設置不同的色彩空間時，相機在寫入到照片中ICC配置文件信息也會有所不同。
單反相機都會有色彩空間的選項，設置不同的色彩空間ICC文件信息也不一樣 這樣問題就來了：如果選擇sRGB色彩空間拍照，由於Windows操作系統默認採用sRGB色彩空間，即使是不支持載入ICC文件的程序(如圖片軟體或瀏覽器等)，在顯示渲染時會交給Windows系統來完成，這樣色彩幾乎不會出現任何變化;但如果選擇Adobe RGB色彩空間拍照，當使用咐鉛不支持ICC載入能力的程序打開後，就會出現偏色的現象(盡管大多數顯示器都不支持Adobe RGB色彩空間，但通過色彩管理系統對ICC文件進行重新轉換與處理，同樣可以輸出不錯的色彩，但如果完全不進行色彩空間的轉換，實際差異會非常大)。
採用Adobe RGB色彩空間拍攝同一張色卡，上傳到網上後使用不同瀏覽器觀看的效果 這里我們來做個實驗：將相機調節到Adobe RGB色彩空間後拍攝一張如上圖的標准色卡照片，並將其上傳到互聯網上，分別採用支持載入ICC文件和不支持載入ICC文件的瀏覽器打開這張圖片，或者照片原始的ICC信息不幸丟失，就會呈現出如上圖中的差異：支持載入ICC能力的瀏覽器色彩相對更飽和，而後者則顏色則相對較為暗淡，這就是很多網友感覺到在瀏覽器中觀看圖片會出現偏色的現象。也就是說：在保證照片ICC文件得到保留的情況下，如果使用支持載入ICC文件能力(即具備色彩管理能力)的瀏覽器就可以基本避免偏色的問題。那麼我們如何檢測自己所使用的瀏覽器是否支持載入ICC文件的能力(即具備色彩管理能力)呢?
我的瀏覽器支持色彩管理功能嗎?
由於蘋果Mac OS系統中採用了強大的ColorSync色彩管理系統，只要在其上連接注冊的硬體以及安裝好的軟體都通過ColorSync來進行管理，因此在Mac OS系統中不論採用哪種圖形、視頻、瀏覽器等軟體打開圖片，它們都統一受到ColorSync系統的管理與約束，都具備載入ICC文件的能力，那麼在Windows系統下如何判斷我們的瀏覽器是否具有這個特性呢?(Windows色彩管理系統是不具備統一管理能力的，其完全交給各個軟體自行決定)這里我們提供一個網站，進入後可以自己進行測試：
這個頁面一共包含兩個測試，大家分布可以點擊「ICC Color Profile Test」與「Color in IE9」這兩個鏈接進入，雖然形式不同，但測試的結果是完全不同的。我們首先來看看第一個測試：進入頁面之後，第一張由四個小圖組成的圖片就是您所使用瀏覽器的測試結果，以下是測試結果說明。本次我們使用目前非常著名的五款瀏覽器：微軟IE、Google Chrome、Mozilla Firefox、蘋果Safari以及Opera來進行測試，我們選擇的瀏覽器程序均為Windows版。
測試結果說明 從測試說明中，可以看到只有當四個小圖顏色完全一致時，對色彩管理能力的支持才是最好的，下面我們就來看看這五款著名瀏覽器的表現吧。
不支持色彩管理的瀏覽器顯示的圖片是非常「難看」的
勝利者的成績單 從結果來看，微軟IE9、所有版本的蘋果Safari、Firefox 3.6.4之後的版本(需要修改參數)能夠很好的支持色彩管理功能，而所有版本的Chrome與Opera以及老版本的IE和Firefox都無法支持載入ICC文件的能力，即使用這些瀏覽器觀看圖片時，可能會出現偏色的現象。下一頁我們再來看看另外一個測試結果。
專業顯示器 瀏覽器色彩管理測試結果與分析
一個測試可能說明不了太多問題，下面我們來進入第二個測試。這個測試中如果瀏覽器能夠很好的支持色彩管理功能，應該顯示一副完整的圖片，而不是上、中、下三個部分顯示不同的色彩。我們建議點擊放大圖片來觀看下面的測試結果。
上文中測試不合格者，成績依舊不及格
優秀的「學生」在任何測試中都能取得好成績 在第二個測試中，我們可以看到與上一個結果完全相同，新版的IE、Firefox和Safari瀏覽器都能夠很好的支持色彩管理功能，而Chrome與Opera瀏覽器則全軍覆沒。需要說明的是，IE9瀏覽器給我們帶來了驚喜，這個驚喜不是在性能上有多麼出色，而是可以看到微軟正在不斷的改善其在色彩管理方面功能上的不足，畢竟其在推出IE8等之前的瀏覽器還完全不支持載入ICC文件的能力，但可惜的是微軟在發布IE9的時候並沒有宣傳這個新的特性，以至於很多用戶毫不知情。同樣，Firefox在近期發布的新版中也加入了對色彩管理的支持(但是需要修改參數，設置方法在最後的附文中介紹)。
需要表揚的是蘋果Safari瀏覽器，不論是Mac版還是Windows版其都至始至終的支持色彩管理功能，蘋果自然在官方宣傳中不會放過這一點，其在色彩管理方面所做的成績已經獲得了專業人士很好的口碑。而Chrome和Opera雖然版本數字非常大，但也許它們的設計理念就是追求快速、方便，因此也舍棄了諸如色彩管理等方面的功能。至於傲遊、搜狗等國內廠商推出的瀏覽器能否支持色彩管理功能，感興趣的讀者可以自己來測試。
而在上文中，我們已經介紹過蘋果Mac OS中由於ColorSync色彩管理系統存在，其強制掌管每個程序的色彩處理大權，因此即使使用Mac版Chrome瀏覽器，依舊可以非常輕松的通過上述兩個測試。
為了避免上網瀏覽照片時出現偏色的情況，最好還是在拍攝時完整的保存圖片文件，不要刪除其原生的ICC文件信息，然後使用支持色彩管理功能(即支持載入ICC文件信息)的瀏覽器，或者乾脆使用蘋果Mac系統，這樣就不再害怕出現「靈異事件」了。
附：Firefox 3.6.4之後版本瀏覽器支持色彩管理功能的設置方法(僅限於Windows版)：
進入gfx.color_management.enablev4設置是否支持ICC v4，修改成ture，重啟Firefox瀏覽器後即可。
說明：gfx.color_management.mode這里Firefox使用整數數字來定義，共有3種模式可以設置：
1)：項值為0，表示關閉色彩管理功能(即放棄載入圖片的ICC文件);
2)：項值為1，表示開啟色彩管理功能，行為方式是檢測到含有ICC文件的圖片時，調用其ICC文件，若檢測的圖片沒有嵌入ICC文件，則採用Windows操作系統當前所設置的ICC文件來進行轉換和處理(Windows默認的色彩管理文件為sRGB ICC);
3)：項值為2，表示只對含有ICC文件的圖片進行色彩管理，而對沒有ICC文件的圖片以及網頁上的其它色彩(包括文字)則不做色彩管理，顯示器使用Windows當前使用的ICC進行轉換和輸出(Windows默認的色彩管理文件為sRGB ICC)，此時如果用戶使用廣色域顯示器，會覺得色彩被誇張渲染。設置成功後需要重新啟動Firefox瀏覽器才會生效!