图像和HTML之间的颜色差异

Question

我在同一个html页面上的图像颜色匹配css背景颜色时出现问题。是什么给了什么？

Answer 1

我猜你使用了PNG图片？这是伽马校正“功能”。 Mark Ransom发布了一个useful text。

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

Answer 2

您使用的是哪种图像编辑程序？我找到了this article about Photoshop color profiles。 PNG gamma correction也可能存在问题。

Answer 3

可能是由于浏览器的colour management。

Answer 4

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

例如，如果图像是JPEG并且具有颜色配置文件，并且您的浏览器不支持在其指定的颜色配置文件中显示图像，则图像本身的颜色将在浏览器中呈现不同的颜色。在这种情况下，如果您在Photoshop中检查了图像的颜色（可识别颜色配置文件），然后在CSS中应用该颜色并在浏览器中查看不是颜色配置文件的页面，则它看起来会有所不同。

Answer 5

有三种可能性让人想起：

• 检查您的显示器颜色深度是否设置为32位或24位，而不是16位
• 检查图像是否未分配调色板（例如Web安全调色板）。这可能是.gif或8位.png图像的情况。
• 检查IE中的.png伽玛校正问题 - 有关详细信息，请参阅其他帖子

我在遥远的过去使用的一种解决方法是通过重复一个小图像来设置背景颜色，而不是在HTML中设置它。这种技巧在网页安全调色板等时代非常有用，但现在用处不大。

Answer 6

可能是您的测试浏览器，我遇到了很多问题，即6.