根據(jù)提問人的需求,他是在Mac下使用Photoshop來為其Web Design制作圖片,以供各平臺網(wǎng)絡(luò)瀏覽器正確呈現(xiàn)他所希望展示的,和他自己看到的幾乎一致的效果。 從結(jié)果倒推,就有兩個出口,A.一個是Mac和PC(或稱類Windows)平臺,;B.具備色彩管理能力的Safari,Chrome等和默認不具備色彩管理的IE或者Firfox瀏覽器的識別呈現(xiàn)。 那么:就有6種組合結(jié)果:
- Mac系統(tǒng)下,使用Safari瀏覽;
- Mac系統(tǒng)下,使用Firefox瀏覽;
- Windows系統(tǒng)下,默認系統(tǒng)無色彩管理,使用Safari瀏覽;
- Windows系統(tǒng)下,默認系統(tǒng)無色彩管理,使用IE瀏覽;
- Windows系統(tǒng)下,設(shè)置開啟了系統(tǒng)的色彩管理后,使用IE瀏覽;
- Windows系統(tǒng)下,設(shè)置開啟了系統(tǒng)的色彩管理后,使用Safari瀏覽.
因為Windows系統(tǒng),默認無色彩管理的介入,而且使用的是統(tǒng)一的共性色彩管理描述文件——sRGB,那么在成千上萬的Windows系統(tǒng)下,可能大家看到的都是理論上一致,但是因為顯示器品牌和型號好壞千差萬別的關(guān)系,實際上相差很大的效果,不過這種偏差一般來說都是在小范圍的。不會出現(xiàn)特別大的色溫偏差,除非顯示器太爛。 而Mac系統(tǒng),因為硬件大多數(shù)情況下是一致的,比如某兩代的MacBook Pro使用同一面板,幾代iMac使用同一面板,所以,硬件的統(tǒng)一性決定了效果相差不大。只有比如MacBook Pro的面板和iMac的面板不同,兩者色溫、色域都不同,會顯得不一致。這跟PC世界里眾多紛紜的顯示器情形是一樣的。好在,每臺Mac,其默認就開啟運行了色彩管理引擎。通過ColorSync來識別和準確調(diào)用顯示器的色彩配置文件,讓顯示器正確顯示它應(yīng)該顯示的數(shù)據(jù)值。 再說瀏覽器,IE這種天生殘廢,就沒有色彩管理的DNA,它只能使用sRGB去呈現(xiàn),你給它大餐,它也當(dāng)泡菜。Safari天生支持色彩管理,可以在開啟了色彩管理的系統(tǒng)中,準確表現(xiàn)附帶了不同于sRGB的其它RGB ICC(如設(shè)定了Adobe RGB色彩空間的單反相機拍攝而來附帶Adobe RGB ICC)的文件,不會用憋足的sRGB去解釋Adobe RGB的顏色。 最后說,sRGB和Adobe RGB的區(qū)別,簡單來說,如果拿房間來做比喻的話。Adobe RGB是120平米的三居室,sRGB是70平米的小戶型。他們都有各自對應(yīng)的廚房、衛(wèi)生間。但是sRGB小戶型的廚房面積絕對不等于Adobe RGB的廚房面積。這就是說sRGB中能展現(xiàn)出來的綠色的范圍,遠遠小于Adobe RGB中綠色的范圍。 如圖:中間彩色網(wǎng)格的是sRGB,包圍其的灰白色網(wǎng)格是Adobe RGB 如果你有一張帶Adobe RGB色彩配置文件的照片,想放到網(wǎng)絡(luò)上供但大多數(shù)的PC Windows用戶觀摩,那么默認情況下,所有的這部分觀眾都將看到一個偏色的照片,因為他們的系統(tǒng)和瀏覽器解釋不了那些超出sRGB范圍的綠色,紅色。。。他們只能看到一個被閹割了色彩的照片。。這是個悲劇。 如果你拍照時,相機的色彩空間是sRGB,那么你直接放上網(wǎng)就行了。這是最簡單省事的辦法,但是如果你懂的了Adobe RGB能呈現(xiàn)遠超sRGB的色彩表現(xiàn)力的話,你會閹割掉原本有機會展現(xiàn)的那些美妙色彩嗎?就好像你明知道看高清1080p的影片過癮,不得不強迫自己去看網(wǎng)絡(luò)版的320p。。 那么這里有兩條路: A,讓所有僅僅具備sRGB環(huán)境的低端觀眾,看sRGB,但是又不恐怖偏色的畫面,這需要使用中間環(huán)境做一次顏色轉(zhuǎn)換,而且必須確保最大化的不丟失色彩,保證視覺上太大的偏差; B,不做任何轉(zhuǎn)換,原汁原味,確保能夠正確呈現(xiàn)Adobe RGB畫質(zhì)原貌給的具備色彩管理環(huán)境的高端用戶,(為什么說AdobeRGB就高端?能夠還原98%Adobe RGB色域的顯示器,均價在RMB5000以上,藝卓的在17000左右,蘋果已經(jīng)停產(chǎn)的前代鋁合金邊框的23″、30″ Cinema Display LCD符合SWOP印刷屏幕軟打樣認證。低于3000以下的顯示器都不符合Adobe RGB顯示要求,多數(shù)都是只能正確表現(xiàn)sRGB,都是低端,包括諸多筆記本顯示屏,蘋果如今的也在內(nèi),都不是專業(yè)顯示器了,只不過經(jīng)過測試,MacBook Pro的顯示面板在筆記本中算色彩還原度分值優(yōu)秀的。國外有個各種型號的筆記本顯示面板測試結(jié)果表格,忘了在哪個站了。) 對于 A 你需要通過軟件,如Photoshop將Adobe RGB轉(zhuǎn)換成sRGB,如果是用于網(wǎng)絡(luò),可能會需要將分辨率更改為72dpi。 要把三居室的東西塞進小戶型里,還必須保證不遺漏太多,這個比把大象放進冰箱的難度步驟也差不了多少~ 首先要把環(huán)境弄得更大一點,需要一個能包容整個AdobeRGB和所有sRGB數(shù)值的空間,這個空間是個理論空間,叫做Lab。如圖:彩色網(wǎng)格是Adobe RGB,灰白色網(wǎng)格是Lab,后者將前者完全包裹,無側(cè)漏。這樣,才能確保在從Adobe RGB向sRGB轉(zhuǎn)換中,杜絕遺漏丟失Adobe RGB原有顏色的幾率。至于在轉(zhuǎn)換過程中丟棄的,那是吐納后的轉(zhuǎn)變,不是先天不足,營養(yǎng)缺失,是另一回事。
2.在轉(zhuǎn)換之前,我們還需要一個優(yōu)于系統(tǒng)本身默認的色彩轉(zhuǎn)換引擎—— Adobe Color Management Module (簡稱Adobe CMM) Adobe公司開發(fā)的這套Adobe色彩管理引擎,可用于第三方軟件,如CorelDraw等,便于在同一臺電腦中,跨軟件平臺的同一色彩管理,比系統(tǒng)默認或Photoshop默認的Adobe ACE引擎更加出色,Adobe ACE只能作用于Adobe的軟件,對其它公司的軟件無效。 該引擎在Adobe官網(wǎng)免費下載 Mac版本:adobe Windows版本:adobe 下載安裝。
3.設(shè)置色彩環(huán)境先,如圖:通常情況下,國內(nèi)很多印廠使用的是國產(chǎn)或者日本的油墨類型,所以采用日本印前2,將轉(zhuǎn)換引擎替換為Adobe CMM,存儲這個設(shè)置方案就行了。這里必須確保選中”色彩管理方案”中的”保留嵌入的配置文件”并勾選那三個詢問的選項!切忌不可隨意丟棄,那是非常不專業(yè)的草臺班子才會做的破事。這里的轉(zhuǎn)換意圖可以選擇”可感知”——這是當(dāng)顏色不得不損失時,采用最視覺上接近的顏色做替換,以確保視覺上看起來相差不大。
4. 好了,這下你可以在Photoshop里開啟你的帶Adobe RGB色彩配置文件或者帶其它色彩配置文件的圖片了。即在Photoshop營造的Adobe RGB色彩空間里,打開嵌入了Adobe RGB色彩配置文件(ICC)的圖片。 我們可以在打開的圖片文件的下方可以查看該文件的色彩配置文件
5.選擇菜單,圖像——模式——Lab顏色
6.再選菜單,編輯——轉(zhuǎn)換為配置文件
7.目標空間選擇sRGB
8. 最后用”存儲為Web和設(shè)備所用格式”的方式來保存文件。以存JPG文件為例,勾選 嵌入顏色配置文件(這個可有可無),不需要勾”選轉(zhuǎn)換為sRGB”,因為已經(jīng)是了。預(yù)覽選擇Internet 標準 RGB(無色彩管理),這是用于在Web發(fā)布的,所以,你看預(yù)覽的話,會看到和sRGB無差別。
對于 B 直接使用”存儲為Web和設(shè)備所用格式”的方式來保存文件,在選項中對設(shè)置有所不同,如圖:
必須勾選”嵌入顏色配置文件”,預(yù)覽選擇”使用文檔配置文件”。
以上,即是正確的RGB輸出流程,適合于不同環(huán)境下使用RGB圖片的方法。 補充說明一句,在Mac下截屏得到的圖片,其色彩配置文件是Display xxxxx的,不同于sRGB,如果在乎Windows世界的用戶視覺感受的話,依舊請參照A方案進行轉(zhuǎn)換sRGB使用。