製作網頁影像時,產生一致的色彩


    保持網頁影像色彩的一致性,是一項挑戰,這是因為您可以控制如何在自己的螢幕上顯示影像,卻無法控制影像在別的螢幕上的顯示狀況。而且大多數的瀏覽器都無法辨識文件的嵌入描述檔,它們只會將原始的 RGB 數值傳至您的螢幕。如果少了描述檔,電腦的色彩管理系統是必要猜測文件的 RGB 數值實際上代表什麼顏色。雖然要在網頁的影像中製作一致色彩似乎是不太可能,但您可以採取一些做法,儘可能維持色彩的一致性。

如果要儘可能維持網頁影像中色彩的一致性:

    設定螢幕的色彩管理工作流程

    校正螢幕和建立螢幕描述檔。使用 Adobe Gamma (Windows)、Display Calibrator (Mac OS) 之類的視覺校正器; 或是使用協力廠商的軟體和硬體,進行更精確的校正。

    在 Photoshop 中設定色彩管理

    選擇「編輯 > 顏色設定」(Windows) 或「Photoshop > 顏色設定」(Mac OS),然後指定色彩管理設定。您可以從「顏色設定」對話框中的「設定」選單選擇「網頁圖像預設」,或自訂設定。如果您不願意使用預設集選項,建議您至少將 sRGB 做為使用中色域。sRGB 是比 Adobe RGB (1998) 還要小的色域,它可以代表一般螢幕的描述檔。影像貼上 sRGB 描述檔的標記,會讓更多螢幕能正確顯示影像色彩的可能性提高。

    (選擇性) 將文件轉換成 sRGB 描述檔

    如果影像是加上 sRGB 以外的描述檔標記,就可以將描述檔轉換成 sRGB,讓色彩有機會在更多類型的螢幕上維持一致的外觀。選擇「影像 > 模式 > 轉換為描述檔」,並選擇在「目的地色域」下的「sRGB 描述檔」。

    儲存為網頁用

    選擇「檔案 > 儲存為網頁用」,「儲存為網頁用」指令讓您更能夠控制影像的最佳化。您可以在將影像儲存為 GIF 或 PNG-8 格式時,指定要保留的色彩。儲存為 JPEG 格式時,您可以選擇在檔案中嵌入 ICC 描述檔。如果使用者在偏好設定中啟動 ColorSync 選項,目前就會只有 Internet Explorer (Mac OS) 和 OmniWeb (Mac OS) 能在影像中讀取嵌入的描述檔,而當影像沒有嵌入的描述檔時,Internet Explorer (Mac OS) 和 OmniWeb (Mac OS) 會為影像假定一個 sRGB 描述檔。