圖：http://www.macuknow.com/node/175
今天我們要探討的問題是關於網頁設計方面的東西，如果你本身有在製作網
頁，架設部落格偶爾修改一下版型之類的，這篇文章也許對你有些許的幫助
，如果你早就知道這樣的問題存在，你可以跳過(早就知道應該要來解救一下
眾生的嘛~"~)，如果你沒有在做網頁的東西，也許你以後要架部落格會需要
，不然，知道以後也可以理解為什麼有些網站看起來就是怪怪的啦^^，反正
，你就看一下啦～
還記得上面這張照片嗎，喔，主角不是照片裡那位帥哥，也不是30吋的ACD啦
~你應該很清楚的看到，使用Safari連上MacUknow的時候，顏色會變得很奇怪
，感覺版型圖樣和背景色搭不太起來...這不是Stanley故意設計成這樣的..
囧rz，並且這個版型用了這麼久，Stanley才發現原來MacUknow的網站在
Safari下看起來這麼"慘不忍睹"
因為Stanley目前都是使用Firefox為主，當初測試的時候，也沒有發現(不知
道為啥沒發現，難道是我眼殘...)，各位偉大的網民們，也沒有回報告給
Stanley知道>"<，所以一直都沒有發現，直到那天去Studio A的時候，因為
他們沒有安裝Firefox，一用Safari的結果才讓蜘蛛精現了原形...
不過，這個到底是什麼原因呢？使用FireFox、IE6、IE7看起來顏色都正常，
為什麼只有在Safari下會這樣呢？搜尋了一下，發現了以下幾篇文章:
The sad story of PNG gamma "correction"
Browser gamma-consistency test
CSS/PNG gamma consistency test
總而言之，就是瀏覽器和PNG圖片間顯示的問題
近年來，PNG這個圖片的格式，被廣泛地應用在網路圖片上，因為他支援背景
透明、動畫、畫質好等等的因素，被視為取代JPG和GIF等傳統格式的準接班
人，但是PNG也有一個特殊的特性，那就是他會攜帶一些描述資訊，最明顯的
就是Gamma值，比如說你用圖片處理程式處理完的PNG檔，他也會帶著那些軟
體設定的Gamma值。正好，各大瀏覽器對於讀取PNG方面的支援度不一致，大
部分都採取忽略描述檔，所以如果你的網頁頁面是CSS和PNG組合起來呈現的
，大部分顏色應該是一樣的，可是阿，Safari對於PNG檔會去讀取描述檔，這
樣一來，有的時候PNG檔案在Safari下面就會看起來比較黑或比較亮，如果和
CSS放在一起，明明一樣顏色，CSS呈現的顏色是正確的，但卻和PNG兜不起來
囉...
來看個例子吧:下圖左邊是含有描述檔的圖片，右邊是沒有描述檔的圖片，兩
張的背景都是#3c3c3c
如果你看起來兩張背景都是一樣的，恭喜你，你的瀏覽器不會去讀描述檔，
如果不一樣顏色的，這就是為什麼你看MacUknow網頁顏色會怪怪的原因了
...
如何解決這樣的問題呢？
原本找了很久，找到網路上一篇解決方法 的文章，但是裡面要用到高深的"
指令"技巧...看到就頭痛
後來找到了這個軟體，就是GammaSlama ，只要將你製作好的PNG檔拖拉到這
個應用程式上面，他會自動幫你除去PNG檔的描述資訊，並且在同一個資料夾
下面幫你新增一個含有_slammed檔名的PNG檔，此外，你也會發現你的PNG檔
變小了呢，可謂一舉兩得阿^^
如果你也有這樣困擾的朋友，推薦給你這套免費的GammaSlama，從此讓你的
PNG檔在各大瀏覽器中橫著走啦~~
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.112.211.215