我該如何讓Firefox使用正確的顏色渲染PNG？

Firefox 12呈現較淺的圖像，而Chrome 19，Opera 11，Safari 5和IE9則呈現正確。我該如何讓Firefox使用正確的顏色渲染PNG？

左邊的圖像上傳到＃1原始PNG，而在右邊的是Firefox的渲染截圖片段：

Original Firefox

當您查看在Firefox這個問題頁面，你仍然可以看到一個區別。我相信Firefox也會將相同的顏色轉換應用於自己的渲染（由剪輯工具保存）。但是我在stackoverflow標識上看不到任何渲染差異。

我試着用Paint.NET的保存PNG和輸出的OptiPNG，結果是一樣的。任何疑難解答提示也表示讚賞。

你搞砸與任何'約：火狐的config'特點是什麼？像__gfx.color_management.enabled__ – corn3lius

png圖像有一個gAMA塊，所以它的渲染將取決於渲染的東西是否支持PNG的伽馬校正。

Firefox確實支持這一點。其他瀏覽器可能不會。

2012-06-04 17:12:10

我在使用TweakPNG刪除gAMA塊後，能夠正確渲染圖像。謝謝！ –

請注意，在保存爲PNG時，您還可以使用GIMP選項「保存伽瑪」。 – v6ak

對我而言，ICC配置文件似乎影響了Firefox和Chrome中的渲染。我刪除了該塊。 – Pluto

有趣的是，2016年的情況恰恰相反。在沒有ICC配置文件的情況下，Firefox需要sRGB塊來呈現與Safari/Chrome/WebKit相同的PNG。

您可以使用免費/開源pngcrush將sRGB塊添加到您的圖像，如果它沒有一個。

pngcrush -sRGB existing.png new-better.png

NB - 火狐45.0.2爲OS X，由Adobe Illustrator的CC 2015年產生PNG，您的里程可能會有所不同...

2016-04-12 13:22:20

當在PHP中使用iMagick創建png圖片，同樣的情況可能會發生。目前，Firefox和Chrome瀏覽器呈現的圖像顏色都不同於IE11。

你可以只保存前刪除使用該PHP代碼的伽瑪信息：

$imagick->stripImage();

2017-02-27 17:31:06 NXT

回答