萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> 平面設計理論 >> 如何讓自己的照片在網上正確地顯示?

如何讓自己的照片在網上正確地顯示?

   色彩管理確實是個復雜的話題,前陣子我也被它弄得煩不勝煩。網上搜索一番發現相關文章都晦澀難懂,硬是啃完那些文章,我的問題解決了,但也發現這個話題其實完全可以用淺顯的方式來解釋,於是就分享出來給大家省點時間 >>>

  作為一個攝影愛好者,我的絕大部分照片都是用來在網上分享的,所以本次討論的重點是如何讓自己的照片在網上正確地顯示。

  當然,也會有另外一小部分照片是自覺拍得特別好的,打印出來拿出去得瑟,但那個就不在此次討論范圍了。

  問題出在哪?

  首先,模仿那張著名的CMOS尺寸示意圖,我們來粗略地比較一下幾個常見的色彩空間:

如何讓自己的照片在網上正確地顯示? 三聯

  可見,各個色彩空間表達顏色的能力大相徑庭。而這種不同也正反映了我們平時使用的各種屏幕(顯示器、手機屏幕、iPad屏幕)顯示顏色的能力不同,同一個顏色代碼在不同屏幕上看上去極有可能是不同的顏色。所以我們不得不在若干個色彩空間之間轉換,而色彩不一致的問題,就出在轉換的過程中。

  讓我們通過下一頁的圖表來看看一張照片從RAW文件到被人眼看到都經歷了哪些步驟。

  * 勘誤:RAW本身是沒有色彩空間的,詳情見最後的增加的一頁。

  在這些步驟中,兩個紅色箭頭標出的就是最容易出問題的地方,因為它們都會把圖片在兩個色彩空間之間轉換。

  第一個紅箭頭代表的是P圖階段,第二個紅箭頭代表的是看圖階段,接下來我們就針對這兩個階段來研究一些對策。

  校色是前提

  無論你用的是什麼顯示器,都必須經過校正才能顯示出正確的顏色。

  誰能告訴我上面幾個色塊裡哪個是標准的紅色?反正我是不能,不要相信自己的眼睛,因為它太容易被騙,讓校色儀來解決這個問題。

  還有人說專業P圖用的都是蘋果,那我買個蘋果的顯示器或者筆記本不就行了。蘋果的OSX在顏色管理方面確實比WINDOWS要先進一點點,但不代表它的顯示器就會一直顯示正確的顏色,就拿我自己的兩台MBP來說,都是偏黃的,而且各有各的偏。所以無論你是用DELL、EIZO還是蘋果的顯示器,請校色!

  插播老段子一則:啊不不,張總,是這樣的,再貴的顯示器都要校色的。

  校色儀太貴?

  淘寶上紅蜘蛛100塊租一天,可以把電腦、手機、iPad、筆記本甚至電視機全都校一遍。

  顯示器ICC文件

  通過校色,我們可以得到一個ICC文件,這個文件是針對被校正的那台顯示器生成的一個色彩空間描述文件。有了這個文件,各種軟件就有了在不同色彩空間之間轉換的依據。

  有人問,同樣型號的顯示器,我把別人生成的ICC文件拷貝過來用可以嗎?

  想得美!每台顯示器或多或少都有點區別,同一批次可能行得通,但批次這東西誰說得清。

  另外,廠家給你提供的那個默認的ICC文件其實就是省事的做法,因為逐台校色實在太費時間,所以這個事情得自己做。

  校色後WINDOWS長啥樣

  就拿我的WINDOWS機器舉個栗子,經過校色之後的系統設置如圖(控制面板->顏色管理,即可進入該界面)

  首先,在設備列表裡選中你的顯示器(DELL U2413)

  然後你會在ICC配置文件列表裡看到若干個項目:

  Dell U2413(HDMI)-1(默認值)

  這個就是校色儀生成的配置文件,設置為默認值的意思就是該文件在系統裡生效了,你現在在顯示器上看到的任何顏色都是用這個ICC文件轉換出來的。

  Dell U2413 Color Profile, D6500

  這個是DELL提供的通用ICC文件,你可以試試把這個設為默認,會發現屏幕會有非常明顯的變化(人眼的不可靠啊。。)

  sRGB IEC61966-2.1

  這個就是WINDOWS默認的色彩空間了,也是網絡通用的色彩空間(微軟一廂情願地希望用sRGB來統一宇宙色彩空間,但被現實無情地鄙視了)

  那麼多ICC配置文件,用哪個?

  無論你在系統的ICC列表裡看到多少個配置文件,遵循以下原則:

  如果校色了,那麼用校色儀生成的那個ICC文件,這個一定是首選。

  如果沒有校色的條件,那麼用顯示器廠商提供的通用ICC文件。

  只有以上兩個是最接近真實的方法,網上一部分教程建議把色彩空間統一設置為sRGB是非常錯誤的做法,那樣做的效果只是讓同一張圖片在你自己電腦的不同軟件上看起來是一樣的,但世界上的其他人看到的跟你都不一樣!

  ————————————————————下面進入P圖階段————————————————————

  P圖階段(Photoshop)

  P圖階段所用到的軟件,比如Photoshop、Lightroom等都對色彩空間有很好的支持。先說Photoshop,進入色彩設置界面(編輯->色彩設置),在顯示器顏色的設置中,RGB三原色所對應的ICC配置應該與上一節裡所展示的WINDOWS設置一致。

  當你在PS裡打開一張圖片的時候,你很有可能遇到這個對話框:

  以下三張圖分別對應著從上到下三個選項的效果:

  無論如何都不要選第三項,因為它粗暴地放棄了色彩管理,那張圖看起來也非常假

  不得不說的是,有人還就喜歡把圖調成這種重口味的,哈哈,但即便是這個審美傾向,也不應該選這個

  剩下的兩個,乍一看選任何一個都可以,因為看上去效果是一樣的,顏色自然而真實,下面將介紹它們之間的區別。

  首先,被打開的圖片是一張內嵌了ICC色彩配置的RAW文件,而那個ICC就是常見的Adobe RGB。而我的顯示器校正以後的ICC簡稱為U2413,這也是Photoshop和Windows當前生效的色彩配置。兩個選項的作用分別是:

  使用圖片內嵌的色彩配置。

  PS處理圖片的時候用的是原有色彩空間Adobe RGB,僅在顯示的時候轉換為U2413

  把圖片從自己的色彩空間轉到。

  PS色彩空間 PS直接把圖片裡的顏色從Adobe RGB轉換到U2413,顯示的時候就不需要再轉了。

  看上去非常繞,事實上以上兩項無論你選哪個,影響的都只是PS的內部運算,而在顯示的時候,PS都會把顏色轉換到U2413,所以最終看到的效果都是一樣的。

  選哪個?

  簡單來說,就跟我們追求大的動態范圍是一個道理,如果圖片內嵌的色彩空間大於你當前的色彩空間,那麼保留。比如在這個例子裡,Adobe RGB是比U2413要豐富的,那我們選第一項來保留原有色彩空間。而如果原圖內嵌的僅僅是sRGB這樣的貨色,那轉成U2413這樣的廣色域也未嘗不可。

  還能再簡單點嗎?

  能,一律選第一項!

  P圖P得差不多就可以導出成JPG了,Ctrl+Shift+Alt+S就進入了導出JPG的界面,紅框裡的區域就是關鍵:

  務必要勾選“轉換到sRGB”

  sRGB就是浏覽器裡看圖片的最保險的色彩空間,因為WINDOWS默認色彩空間就是這個,而WINDOWS又是最被廣泛使用的操作系統。各個顯示器廠家在生產的時候,也盡量保證sRGB色彩空間顯示出來不會太離譜。可以說,把圖片導出到sRGB色彩空間的這個做法,就是針對網絡浏覽的最佳實踐,所以請務必勾選。

  至於那個下拉框裡的四個選項,是用來預覽導出後的圖片在不同條件下面查看的效果,從上到下解釋一下:

  在IE和WINDOWS上看的效果(僅限於你自己的機器)

  在古董MAC下看的看的效果

  在支持完整色彩管理的浏覽器下看的效果,比如Chrome和Firefox(近似別人看到的效果)

  在你自己的顯示器上看的效果(同時也是別人看到的效果)

  請以第四項的效果為准,同時可以參考第三項的效果,頭兩項則可忽略。

  這些天殺的軟件啊,給我那麼多選項做什麼,老子只要最make sense的那個!

  P圖階段(Lightroom)

  Lightroom相對傻瓜化,根本找不到任何與色彩管理相關的設置,它的工作方式是保留原圖的色彩空間,顯示的時候轉換為系統默認

copyright © 萬盛學電腦網 all rights reserved