背景图像颜色改变firefox / chrome

Question

我在Chrome上测试网站时非常奇怪。

CSS完全相同但看起来不同。另外在同一台显示器上测试。

火狐

铬

您可以在Chrome打印屏幕上看到我用于刀/叉的背景图像，此图像的背景颜色会发生变化。

Answer 1

http://www.cater-shawrecruitment.co.uk/webapp/templates/default/images/bgpage.jpg处的背景图片具有嵌入的颜色配置文件，不同浏览器的解释方式不同。您需要在没有嵌入颜色配置文件的情况下重新渲染图像。

这可能是因为使用photoshop简单地“保存”了JPG，而不是“保存为网络”。

Answer 2

有可能，您的图片应用了颜色配置文件，因此在Chrome和Firefox中呈现的方式不同，只有这两者中的前者才真正尊重它。读取Chris Coiyer's article on web color profiles，您可以通过执行以下操作来解决问题：

  

如果您从文件菜单中“另存为... ”，您将有机会保存您的颜色配置文件以及图像。如果您“保存为网络和设备...... ”，将自动应用“sRGB”（最适合网络）颜色配置文件（无论如何都在CS3中）。

Answer 3

这与colorprofiles有关。

这可能会有所帮助 - Image color differences in different browsers. (Firefox, Chrome, IE)

和这个

http://code.google.com/p/chromium/issues/detail?id=143

检查photoshop中的colorprofiles（cmd + shift + k）并尝试重新创建图像。应该工作。

Answer 4

如果您将图像更改为png，则它将是相同的颜色。原因在于@Nightfirecat链接和@graphiciviv的回答。