谷歌Chrome改变图形颜色

Question

Google Chrome似乎总是在改变我想要与背景颜色匹配的图像的颜色。我尝试在Photoshop和GIMP中保存它，甚至调整了每个中的颜色设置，但它对Chrome没有帮助。 FF和IE工作正常（一次）。

我的图片颜色是＃282828。在我将其保存为PNG后，我在GIMP和Photoshop中重新打开它并使用吸管工具确认颜色仍然是＃282828。当它在Chrome中呈现时它更暗。我有一个背景色为＃282828的div，图像就在它旁边。我拍了一个屏幕截图，div的背景颜色是＃282828，图像背景颜色是＃1d1d1d。我尝试了几种不同的颜色，每种颜色都有相同的结果。我甚至尝试将源图像设置为Chrome渲染的颜色，但Chrome仍会更改它。例如，由于Chrome正在将＃282828更改为＃1d1d1d，因此我将源图像设为＃1d1d1d，当我在Chrome中渲染它时，它不是＃1d1d1d，而是其他一些较暗的颜色。

此时，我正在寻找修复或程序化解决方案。因为图像是透明的，有曲线和阴影，所以我真的没办法用html来替换它，甚至是部分它。

更新： 我也尝试将其保存为jpg和gif。实际上gif工作但不能保留投影。我正在使用的图像是附加的。如果我在Chrome中截取此屏幕截图，GIMP的吸管工具会说它是＃1d1d1d。如果我打开原稿并做同样的事，那就是＃282828。

Answer 1

PNG uses gamma correction尝试确保所有显示器上的图像看起来都相同，这可能会导致颜色不匹配，例如您所看到的颜色不匹配。这是图像编辑器问题和浏览器问题的结合：图像编辑器不会被迫在图像中嵌入伽马数据，并且浏览器可以自由地忽略伽马校正（如果它在那里）并且当它不存在时可以随意自由地执行某些伽马校正。在这种情况下，我宁愿认为Firefox会忽略它。

如果您不希望其背景干扰您网页的背景，请使用透明的PNG。

[编辑]对于您的具体情况，您可以使用border-radius和box-shadow，两个广泛实施的合理衰减的CSS3属性，通过样式元素复制您正在寻找的图形在较旧的浏览器上。