讓你的瀏覽器支援色彩管理!

在過去,色彩管理機制似乎都是Mac的專利.從1993年開始, MacOS內建了完整的色彩管理環境: ColorSync, ColorSync是一套建置於OS內部的API(Application Programming Interface, 應用程式介面), 任何軟體都可以呼叫ColorSync所提供的API,進行需要的色彩轉換, 以便達到色彩管理的功能.因此,開發者在MacOS上開發與影像相關的軟體, 不用耗費心力太多心力在色彩管理上,就可以支援色彩管理的功能.
而Windows平台, 則在Windows95之後, 提供了ICM(Integrated Color Management), 也是OS基礎的色彩管理API. 以技術上來說, ColorSync能達到的, ICM也幾乎都可以做到, 但是為什麼在Windows平台上,色彩管理的環境卻沒有那麼完整!? 個人認為, 過去較講究色彩準確的相關軟體,在Mac上被應用的還是比較多,但現在設計/出版使用PC的比例也很高了, 事實上PC也可以做到完整的色彩管理, 以Photoshop的色彩管理機制上來看, 除了預設的ACE (Adobe Color Engine), 還能選擇Microsoft ICM, 這代表著,ICM具有與ACE的功能, 才可以做到這樣的選擇. (當然, 功能一樣不代表轉換結果一樣)


PhotoShop下的色彩管理設定

而在網際網路的瀏覽上, Mac上的Safari很有先見之明, 早就提供了色彩管理功能. 而隨著Safari的Windows版本推出,敲醒了許多Windows的使用者, 開始正視網頁上影像的色彩正確性. 緊接著Firefox3也提供了色彩管理功能, 雖然預設是關閉,但打開之後, 也能提供與Safari一樣的色彩轉換功能. Microsoft在Window95之後提供了ICM,緊接著在Windows98中也推出ICM 2.0, 但在這之後, Microsoft似乎完全遺忘了ICM, 開始大力推行sRGB這個標準.sRGB立意雖美卻難達成, 期望以一個世界大同的理想, 把色彩管理的瑣碎技術完全掩埋起來~ 當然, 這個美夢破碎了,否則Vista上不會又推出了新的色彩管理系統: WCS (Windows Color System)

圖形與字體


蘋果在 Mac OS X 上採用絕佳圖形顯示技術，自 iPhoto 到 Final Cut Pro，都能確保其呈現最佳色彩，現在，這種技術更帶入 Safari。Sarari 可是唯一採用先進色彩管理、讓網頁圖形色彩儘可能不失真的瀏覽器。

Apple網站上的Safari說明

sRGB最大的難題在於: 假設所有設備皆相容於sRGB.
特別是在這個廣色域設備、訊號、影像格式如雨後春筍般冒出的年代, sRGB是老舊不堪使用的,連Microsoft也在Vista裡面定了新的scRGB規範, 就是基於sRGB的不足而擴充的.當我們所看到的影像格式、或顯示設備再也不是sRGB的時候, 顯示出來的顏色根本是完完全全錯誤的!

以Windows平台來說, 要讓瀏覽器支援色彩管理功能, 只有兩條路, 選擇Safari或者Firefox3.
採用廣色域的螢幕搭配IE瀏覽網頁時, 所見的顏色幾乎都是錯誤的. 注重顏色正確性的人, IE敗下陣來, 似乎不應該再繼續使用.多年來我也是如此思考. 因此Safari Windows版的推出讓我又驚又喜! 然而最初版本中文無法輸入的問題, 潑了我一桶冷水,到最近越來越穩定, 我卻一直覺得難以上手, 也缺乏我最愛用的Yahoo Toolbar的功能, 讓我又放棄了Safari.
Firefox3雖然支援色管, 習慣Firefox2的我, 其實也用得順手, 但Yahoo Toolbar無法使用的問題(加一點小技巧,其實還是可以使用的) , 依舊讓我覺得麻煩, 我開始思考, 如何讓平常用的習慣的IE7和Firefox2也可以支援色管.一個很直觀又簡單的方法: Proxy (代理伺服器)
只要將色彩管理的機制放在一個小型的代理伺服器裡面, 瀏覽器的處理依舊, 就可以達到支援色彩管理的功能了!
技術的細節我們先放在一邊, 先看看實際的效果吧!!!



IE7未設定Proxy, 如果瀏覽器未支援色彩管理, 這三張圖將會不同 (影像原始出處)


IE7設定Proxy後

由上面兩張圖可以明顯看到, IE7搭配Proxy後, 也可以把內嵌Profile的影像, 做正確的處理.同樣的,Firefox2也是可以做到一樣的功能:


Firefox2設定Proxy後

除了支援色彩管理外, ICCProfile V2及V4也同樣支援, 以ICC提供的測試網頁為例:


IE7搭配色彩管理Proxy可支援ICC Profile V4(影像原始出處)

因為是以色彩管理為目的, 這個小型Proxy命名為CMSProxy; 在 讓你的瀏覽器支援色彩管理! (2) 裡, 將介紹如何安裝使用, 並且揭露其中的技術細節.