为什么这个PNG文件根据浏览器的不同而有所不同?

时间:2011-11-21 01:47:36

标签: colors cross-browser png

如果你在不同的浏览器中截取屏幕截图,你会发现它在firefox中显示略有不同。 (7.01,ubuntu)

起初我认为这是因为颜色配置文件,但即使我在firefox中启用了颜色管理,问题仍然存在。

虽然这不是一个非常明显的问题,但我找到了一个完美主义的老板,他要求在每个浏览器中使它看起来完全一样。有谁知道可能导致问题的原因是什么?谢谢!

blue image

比较屏幕截图:您可能仍然无法看到差异,但如果您下载屏幕截图并使用图像编辑器检查2个浏览器中的颜色,您会发现确实存在差异。

Screenshot of the colour difference

2 个答案:

答案 0 :(得分:1)

显然这与色彩管理有关,但我不确定需要在哪里开启。 Here is one of a few articles我发现进入这一点我希望是有帮助的。

答案 1 :(得分:1)

伽马校正。 PNG格式具有存储伽马校正值的选项,因此在具有不同伽马校正的监视器中图像看起来相同。 问题是某些浏览器使用这些信息,而其他浏览器则没有。

下面的图像有伽马校正,并且在每个浏览器中看起来都一样,但是如果你想让图像颜色与html和css颜色相匹配,它可以在firefox中给你带来问题: image with gamma correction