瀏覽器的色管 - 螢幕

這是關於色彩管理的心得/閒聊..

之前在回文的時候,被提醒到IE9理論上是的確有支援ICC V2/V4的.
例如這個網頁:
http://ie.microsoft.com/testdrive/graphics/colorprofiles/default.html
從結果來看, IE9支援ICC V2/V4, Chrome支援V2, FireFox支援V2.
這點被我遺忘了很久,一直認為IE9沒支援色管,雖然很久以前就有試過這網頁了.

但是實際上以某些圖檔測試的時候又發現,從結果看起來IE9似乎沒去做對應
例如這張Panasonic GX1的樣本:
http://panasonic.jp/dc/gallery/sample/gx1/P1000400.JPG
我的螢幕是DELL 3008, 色域接近AdobeRGB.理論上在觀看上面這張色空間為
sRGB的圖檔的時候,會有很明顯的彩度降低的現象. 因為sRGB本來就比AdobeRGB
小很多. 但是在IE9跟Chrome看起來都沒有這個現象. 用Windows內建的看圖程式,
或是Photoshop就可以很明顯地看到.

所以問題到底出在哪呢?

經過一些實驗發現, 問題出在IE9/Chrome似乎都是直接把sRGB當作預設的色空間.
所以所有其他的色空間都會被對應成sRGB. 這點在非廣色域螢幕上還沒啥大問題,
因為非廣色域螢幕本來大多就都貼近sRGB.但在廣色域螢幕上的話, 問題就來了.
上面例子來看, 圖本身是sRGB, IE/Chrome雖然有讀取到ICC,但是因為這時候被認為是
sRGB->sRGB,等於是不做轉換. 結果就是看起來根本就好像沒支援色管一樣.
以下就是測試結果:
http://bitshare.com/?i=0n0xvdmm
這張圖內崁了我的螢幕的ICC,所以理論上用Windows圖片檢視來看的話,
應該可以看到正確的結果, 不然就請用不支援色管的軟體來看吧.

圖檔本身其實都是同一張圖,但是用PhotoShop去故意指定成sRGB / AdobeRGB來比較.
從圖可以看到,正中間的是BeyondCompare, 有名的檔案比較軟體,不支援色管的情況下,
不管內崁sRGB還是AdobeRGB,看起來都一樣.
而Windows 圖片檢視來看,很明顯當圖檔是指定為sRGB時,彩度明顯降低,
而指定AdobeRGB的圖檔看起來跟沒色管是類似的.

而換到IE 9.0 / Chrome, sRGB反而跟無色管類似,AdobeRGB則被提高了彩度.
這結果應該就證明了上面說的問題, IE9/Chrome只會做任意色域->sRGB.
而無法做到任意色域->螢幕色域

所以說, IE 9.0 / Chrome的色管, 算是只做了一半..

另外其實也測試了FireFox,由於FireFox可以指定要用的ICC,理論上可以做出正確的對應.
但很可惜這邊也沒Try出來,因為FF吃我螢幕的ICC會烙賽..當作sRGB去處理....
如果餵Windows7內建的AdobeRGB1998.icc,倒是看起來有作用,只可惜雖然我螢幕
很接近AdobeRGB,可以得到還不錯的效果,但畢竟還不是螢幕真正的色域..

另外Panasonic GX1的樣本檔在FF裡面看起來也沒套用profile,但我自己用Photoshop
把Panasonic那張圖重新再assign一次profile, 看起來又有了..XD"
所以我想FF這部分是做得比較好,但是也還有點問題..

另外最後有Spyder家族產品,又有iPad的版友,可以玩玩看這DataColor原廠出的App:
http://spyder.datacolor.com/portfolio-view/spyder-gallery/
iOS本身不支援色管,但是DataColor這App可以在iPad上測量ICC,然後套用在APP本身的
看圖功能裡面,好像還蠻有趣的~~

看來要考慮買個Spyder4 Express來玩了
為啥X-Rite不幫ColorMunki出個類似的APP阿...

--