图像和html之间的颜色差异答案

【问题标题】：Color differences between images and html图像和html之间的颜色差异
【发布时间】：2010-09-14 08:19:28
【问题描述】：

我在将 css 背景颜色与同一 html 页面上的图像颜色匹配时遇到问题。什么给了？

【问题讨论】：

colors don't match on FF on Mac的可能重复
除了这个 Q 是两年前而且更笼统
抱歉，我只是想把它们全部联系起来。

标签： html css png cross-browser color-management

【解决方案1】：

脑海中浮现出三种可能性：

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

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

【讨论】：

【解决方案2】：

可能是你测试的浏览器，我在ie 6上遇到了很多麻烦。

【讨论】：

【解决方案3】：

我猜您使用的是 PNG 图像？这是一个伽马校正“功能”。 Mark Ransom 已为此发布了 useful text。

请注意，在某处列出的 pngcrush 解决方案对我不起作用。

【讨论】：

嘿，几乎和自己发帖一样好！感谢您的信任。

【解决方案4】：

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

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

【讨论】：

【解决方案5】：

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

【讨论】：

【解决方案6】：

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

【讨论】：