在Chrome，FireFox和Safari中呈現不同的PNG圖像

Question

當我在chrome，safari和firefox中顯示以下PNG時，我看到了差異。

http://bobcravens.com/demos/temp/logo.png

下面是截圖（左到右）的Chrome，Safari瀏覽器，火狐（全部在Mac上）。

我確信這將是一些簡單的（和我也許應該知道），但一直沒能確定問題的根源。

感謝您的任何幫助。

Bob

Answer 1

看來，Safari正在忽略該PNG中的gAMA塊。通過從PNG文件中刪除gAMA塊，我讓Firefox在屏幕截圖中顯示與Safari相同的圖像。

Answer 2

這幾乎肯定是伽瑪問題和/或alpha通道問題。

在這裏測試您的瀏覽器支持。

http://entropymine.com/jason/testbed/gamma/

http://entropymine.com/jason/testbed/pngtrans/

http://entropymine.com/jason/testbed/alphagamma/

解決方法：保存圖像中的 「簡單」 的格式（BMP或gif），並重新導出它PNG。