圖片工作流程指南

sRGB、Adobe RGB、CMYK 怎麼選：圖片網頁與列印色彩驗收流程

色彩空間不是檔案副檔名；要按目的地選擇工作空間、保留或轉換嵌入設定，並用瀏覽器與實體打樣回讀最終結果。

更新日期: 2026-09-03

要解決的問題

同一張圖在設計軟體看起來鮮豔，輸出到網站卻變灰，或送印後膚色與品牌色偏移。若只改檔名、盲目把 RGB 轉 CMYK，或把不同版本互相覆蓋，之後很難追查是哪個階段改變了色彩。

適合誰使用

適合設計師、攝影師、電商、行銷與需要同時交付網頁素材、社群圖卡和印刷檔案的團隊。

公式與概念

先把交付目的寫在檔案名稱與清單中。網頁與多數螢幕預覽通常以 sRGB 作為穩健起點，印刷則要依印刷廠的色彩流程與 ICC 設定決定；Adobe 的色彩設定說明提醒，工作空間與色彩管理政策會影響轉換方式（https://helpx.adobe.com/photoshop/using/color-settings.html）。

分清楚工作色彩空間與嵌入檔案的 profile。工作空間是編輯時的參考，嵌入 profile 是告訴下一個軟體如何解讀數值；沒有 profile 時，對方只能猜測，顏色可能因此變化。

不要把 Adobe RGB 直接當成「比 sRGB 更適合網頁」。若瀏覽器、社群或轉檔流程沒有正確管理，寬色域數值可能被當成 sRGB 解讀而顯得不飽和；Adobe 的線上色彩管理說明也建議為網頁準備經過管理的輸出（https://helpx.adobe.com/photoshop/using/color-managing-documents-online-viewing.html）。

CMYK 不是單一標準，而是與印刷條件相關的色彩模型。送印前向印刷廠取得指定 profile 與紙張要求，再做副本轉換；不要用網頁版反向轉成 CMYK 後再拿回網站。

用「保留嵌入 profile」與「轉換成目的地 profile」做明確選擇。前者適合保留可管理的來源資訊，後者適合你已知下一站的色彩條件；兩種動作都要記錄來源與目的地，避免重複轉換。

輸出後分別在色彩管理的桌面軟體、一般瀏覽器與目標平台預覽。若畫面差異很大，先確認檔案是否仍有 profile、平台是否重編碼，再調整而不是立刻提高飽和度。

列印交付要做小尺寸打樣或軟打樣，特別檢查膚色、品牌色、深黑、漸層與細字。螢幕亮度不能代表紙張反射光，螢幕版通過不等於印刷版通過。

保留一份不轉換的主檔，再輸出 web、social、print 副本。檔名加入色彩空間、像素、用途與日期，並把 profile 與驗收截圖放進同一交付資料夾。

瀏覽器端的圖片工具適合處理尺寸、格式與檔案重量，不能替你判斷印刷 profile。色彩決策仍要回到交付規格、平台支援與實際回讀。

操作步驟

寫下目的地、紙張或螢幕版位與色彩要求。
確認來源檔的工作空間與嵌入 profile。
保留主檔，分別輸出 web、social 與 print 副本。
依目的地保留或轉換 profile，記錄來源與目的地。
在瀏覽器、目標平台與列印樣張中回讀顏色。
檢查膚色、品牌色、黑位、漸層與小字。
保存 profile、版本名稱與驗收結果。

實際範例

電商團隊把商品照同時交給網站與印刷型錄。網站副本轉為管理良好的 sRGB 並在實際頁面回讀，型錄副本依印刷廠提供的 profile 做軟打樣；兩份都從未轉換主檔輸出，檢查品牌紅與黑位後才交付。

常見錯誤

把 Adobe RGB 直接當成網頁必然更好。
沒有 profile 卻要求下一個軟體猜色彩。
把印刷 CMYK 副本再拿回網站使用。
重複轉換同一檔案，沒有保存主檔。
只在亮度很高的螢幕檢查，不做打樣。
用提高飽和度掩蓋 profile 或平台管理問題。

常見問題

網頁圖片一定要轉成 sRGB 嗎？: 要看平台是否完整支援色彩管理；若目標平台與受眾環境不確定，經管理的 sRGB 通常較容易預期，但仍應在實際頁面回讀。
CMYK 可以直接放到網站嗎？: 不建議把印刷副本直接當網頁主檔；另從主檔輸出符合網站規格的版本，避免瀏覽器或平台錯誤解讀。
沒有印刷機可以驗收列印色彩嗎？: 可先做軟打樣並向印刷廠確認 profile，但最終仍要以實體樣張或印刷廠的 proof 作為交付依據。
色彩偏掉時先改飽和度嗎？: 先檢查 profile、轉換紀錄與平台是否重編碼；確認流程正確後才調整影像，否則可能把管理問題烙進主檔。

下一步

按目的地建立色彩版本，保存主檔與 profile 證據，再用瀏覽器和打樣回讀，而不是只相信設計軟體預覽。