最近一直有朋友問到,每當在Photoshop編輯後的影像,輸入為網頁用時,色彩都會跑掉,這到底是那邊出了問題,其實這一個問題,就是色域模式設定上的問題,一般來說Photoshop的預設值是以平面輸出為主,所以當不作任何設定時,預設值為CMYK,因此當在編輯後,輸出成網頁用時,由於網頁只支援sRGB,因此在色域的轉換上,就會造成在輸出為網頁時,造成跑色的問題。
其實要解決這個方法也很簡單,只需先設定好色彩模式,之後當圖片載入時,就會依照所設定的色彩模式,進行顯色,因此當在Photoshop進行編修,並輸出成網頁時,也不會造成跑色的問題,甚至若載入已嵌入其它的色彩設定時,也可再手動自行指定,因此有遇到跑色問題的朋友,現在也一塊來看看,如何設定你的Photoshop吧!
Step1
首先,選擇功能列中 檢視 / 校樣設定 / 預設值為CMYK,因此將此選項更改為「網際網路標準RGB(sRGB)」。
Step2
當把照片開啟至Photoshop後,就會以sRGB來作預視,但若照片本身有嵌入色彩描述檔時,可選 編輯 / 指定描述檔。
Step3
接著在描述檔的下拉選單中,選擇「sRGB IEC61966」。
Step4
當照片都編輯後,在輸出為網頁用時,也記得將「轉為sRGB」的選項勾起來。
Step5
在輸出後,開起來比對一下,會發現與在Photoshop的顏色是一致的,因此有遇到跑色問題的朋友,下次不妨也可試試看喔!
Switch《寶可夢 Z-A》好啦魷怎麼進化?翻轉螢幕即可進化成烏賊王
Cloudflare Drop 拖曳就能部署網站,還可綁定網域與SSL
線上象棋對戰遊戲室|免註冊立即入座,真人即時對戰
樹莓派系統安裝教學|設定 Raspberry Pi OS、SSH 與首次登入
自製 GA4Exact 外掛,讓 WordPress 後台直接查看 GA4 分析報表
解決 WooCommerce Checkout Block 導致金流模組無法顯示的問題