firefox - 如何使 Firefox 以正确的颜色渲染 PNG？

Question

Firefox 12 以较淡的颜色呈现下面的图像，而 Chrome 19、Opera 11、Safari 5 和 IE9 正确呈现它。

左边的图片是上传到 Stackoverflow 的原始 PNG，右边的是 Firefox 渲染的截图片段：

原来的

当您在 Firefox 上查看此问题页面时，您仍然会看到不同之处。我相信 Firefox 也将相同的颜色转换应用于它自己的渲染（由 snip 工具保存）。但我在 stackoverflow 徽标上看不到任何渲染差异。

我尝试使用 Paint.NET 保存的 PNG 和 OptiPNG 的输出，结果是一样的。任何故障排除提示也值得赞赏。

score 2 · Accepted Answer

png 图像有一个 gAMA 块，因此它的渲染将取决于进行渲染的事物是否支持 PNG 的伽马校正。

Firefox 确实支持这一点。其他浏览器可能没有。

score 2 · Accepted Answer

有趣的是，2016 年的情况正好相反。在没有 ICC 配置文件的情况下，Firefox 需要 sRGB 块来呈现与 Safari/Chrome/WebKit 相同的 PNG。

如果没有 sRGB 块，您可以使用免费/开源 pngcrush 将 sRGB 块添加到您的图像中。

pngcrush -sRGB existing.png new-better.png

注意 - Firefox 45.0.2 for OS X，由 Adobe Illustrator CC 2015 生成的 PNG，您的里程可能会有所不同...

score 0 · Accepted Answer

在 PHP 中使用iMagick创建 png 图片时，可能会出现同样的情况。目前，Firefox 和 Chrome 都以与 IE11 不同的颜色呈现图像。

您可以在保存之前使用此 PHP 代码删除伽玛信息：

$imagick->stripImage();

3 回答 3