Safari 的圖片顏色
最近在改樣版的時候，本來在兩邊的陰影地方，我想把陰影圖片跟背景溶合在一起（現在改用斜紋圖片了）。所以我把 <body> 的 background-color 設成跟陰影的邊緣一樣的顏色，可是設定好以後用 Safari 開起來看卻總是覺得有色差。
於是我做了一個實驗，下面四個方塊從左到右分別是：一個背景設成 #DC6868 的 <div>、一張用 Photoshop 做的 BMP 圖片，用 #DC6868 顏色填滿、同樣的圖片存成 PNG 檔、最後一張也是同樣的圖片，但是存成 JPG 檔。
在我的 Safari 就可以看出顏色明顯不同。用系統內附的「DigitalColor 測量計」量起來，第一個跟第二個都是正確的 #DC6868，第三個是 #F5484C，而第四個是 #F5494C。接著換用 Firefox 與 Camino 開，則都是顯示正確的 #DC6868。
所以 Safari 在顯示圖片的時候有問題嗎？其他 Safari 的使用者可以試試看是不是看到跟我一樣的情形？@@a
（Safari 版本 2.02，系統版本 10.4.3）
一月 4th, 2006 at 22 點 10 分 50 秒
我的Safari 2.02顯示出來分別是DC6868/DC6868/CF5256/CF5356
(iMac-G5 1.8G 20″)
一月 4th, 2006 at 22 點 14 分 26 秒
另外，Firefox 1.5則通通是DC6868
果然奇怪…
一月 5th, 2006 at 10 點 02 分 07 秒
我的分別是: DC6868/DC6868/D25058/D35158
一月 5th, 2006 at 18 點 15 分 04 秒
我把我的疑問貼在 OIKOS，GlassHeart 在回應裡提到了一篇文章 The Sad Story of PNG Gamma “Correction”。簡單說就是 Safari 會調整包含 sRGB Color Space 設定的 PNG 圖檔 Gamma 值，卻沒有調整 CSS 的，所以導致兩個顏色會不一致。文章裡也提到一個測試，可以測試各個瀏覽器是否支援 PNG 的所有特性。這是目前的測試結果。
另外我照文章裡的說法用 pngcrush 移除了圖檔的 Color Space 設定。下面是 CSS DIV 、處理前的圖檔、以及處理後的圖檔，可以比較看看
只不過是個圖片，看來我真是吃飽太閒 ( ￣ c￣)y▂ξ
一月 6th, 2006 at 00 點 29 分 22 秒
不過還真的差滿多的
用肉眼清晰可見的差異應該是很嚴重囉
畢竟每個人都用不一樣的瀏覽器在開呀
我逛blog都用firefox
查報告都用safari
因為我的firefox用touchpad雙指拉垂直捲軸的時候
如果不小心有橫向移動
就會跑上一頁下一頁去了（誰能救救我，不然每次要發表文章都很緊張）