图像和html之间的颜色差异

时间:2020-03-06 14:56:28  来源:igfitidea点击:

我在将同一HTML页面上的图像中的颜色与CSS背景色进行颜色匹配时遇到问题。是什么赋予了?

解决方案

我想到了三种可能性:

  • 检查显示器的色彩深度是否设置为32位或者24位而不是16位
  • 检查是否未为图像分配调色板(例如网络安全调色板)。 .gif或者8位.png图像可能就是这种情况。
  • 检查IE中的.png伽玛校正问题-有关详细信息,请参见其他文章

我在过去使用的一种变通方法是通过重复小图像来设置背景颜色,而不是在HTML中进行设置。这种技巧在网络安全调色板等时代很有用,但现在已经不那么有用了。

可能是浏览器在测试中,我遇到了很多麻烦,例如6.

我猜我们使用的是PNG图片?这是伽马校正功能。马克·兰瑟姆(Mark Ransom)发布了有关此的有用文本。

注意,某处列出的pngcrush解决方案对我没有用。

这可能是颜色配置文件问题。

例如,如果图像是JPEG并具有颜色配置文件,并且浏览器不支持在其指定的颜色配置文件中显示图像,则图像本身的颜色在浏览器中的显示方式将有所不同。在这种情况下,如果我们在Photoshop中检查了图像的颜色(可识别颜色配置文件),然后在CSS中应用了该颜色,并在不了解颜色配置文件的浏览器中查看了该页面,则外观会有所不同。

我们正在使用什么图像编辑程序?我找到了有关Photoshop颜色配置文件的文章。 PNG伽玛校正也可能存在问题。

可能是由于浏览器的颜色管理所致。