如何使firefox以正确的颜色呈现PNG?

如何使firefox以正确的颜色呈现PNG?,firefox,png,Firefox,Png,Firefox 12以浅色渲染下面的图像,而Chrome 19、Opera 11、Safari 5和IE9则正确渲染 左边的图像是上传到Stackoverflow的原始PNG图像,而右边的图像是Firefox渲染的屏幕截图片段: 当你在Firefox上查看这个问题页面时,你仍然会看到不同。我相信Firefox也会将相同的颜色转换应用到它自己的渲染中(由snip工具保存)。但我没有看到stackoverflow徽标上的任何渲染差异 我尝试了Paint.NET保存的PNG和OptiPNG输出,结

Firefox 12以浅色渲染下面的图像,而Chrome 19、Opera 11、Safari 5和IE9则正确渲染

左边的图像是上传到Stackoverflow的原始PNG图像,而右边的图像是Firefox渲染的屏幕截图片段:

当你在Firefox上查看这个问题页面时,你仍然会看到不同。我相信Firefox也会将相同的颜色转换应用到它自己的渲染中(由snip工具保存)。但我没有看到stackoverflow徽标上的任何渲染差异


我尝试了Paint.NET保存的PNG和OptiPNG输出,结果是一样的。任何故障排除提示都值得欣赏。

png图像具有gAMA块,因此其渲染将取决于渲染操作是否支持png的gamma校正


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

png图像有一个gAMA块,因此其渲染将取决于进行渲染的对象是否支持png的gamma校正


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

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

如果没有sRGB块,您可以使用免费/开源pngcrush将其添加到映像中

pngcrush -sRGB existing.png new-better.png

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

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

如果没有sRGB块,您可以使用免费/开源pngcrush将其添加到映像中

pngcrush -sRGB existing.png new-better.png

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

在PHP中使用iMagick创建PNG图像时,可能会出现同样的情况。目前,Firefox和Chrome都使用与IE11不同的颜色渲染图像

您可以在保存之前使用以下PHP代码删除gamma信息:

$imagick->stripImage();

在PHP中使用iMagick创建png图像时,可能会出现相同的情况。目前,Firefox和Chrome都使用与IE11不同的颜色渲染图像

您可以在保存之前使用以下PHP代码删除gamma信息:

$imagick->stripImage();

你有没有弄乱过Firefox的
about:config
功能?像gfx.color\u management.enabledFirefox的
about:config
功能你有没有搞砸?像gfx.color_management.enabledI一样,在我使用TweakPNG删除gAMA块后,它能够正确地渲染图像。谢谢请注意,在保存为PNG时,您也可以使用GIMP选项“Save gamma”。对我来说,ICC配置文件似乎影响了Firefox和Chrome中的渲染。我删除了那个区块。在我使用TweakPNG删除了gAMA区块之后,我能够正确地进行图像渲染。谢谢请注意,在保存为PNG时,您也可以使用GIMP选项“Save gamma”。对我来说,ICC配置文件似乎影响了Firefox和Chrome中的渲染。我去掉了那块。