背景图像颜色更改 firefox/chrome

Posted 2023-03-06

【中文标题】背景图像颜色更改 firefox/chrome

【英文标题】：Background image color changes firefox/chrome

【发布时间】：2011-11-25 02:00:16

【问题描述】：

在 Chrome 上测试网站时，我有一个很奇怪的想法。

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

火狐

铬

您可以从 Chrome 打印屏幕中看到我用于刀/叉的背景图片，它的背景颜色会发生变化。

【问题讨论】：

我的 Firefox 显示它就像您的 Chrome 屏幕截图一样 - 背景颜色已更改。 编辑： 将两者复制到 Photoshop 后，它的显示类似。 编辑 2： 有趣.. 仅在直接从 firefox 复制后才会这样做。如果我下载图像，然后复制它，它具有相同的背景颜色...

【参考方案1】：

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

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

【参考方案2】：

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

如果您从文件菜单中“另存为...”，您将有机会将颜色配置文件与图像一起保存。如果您“Save for Web & Devices...”，则会自动应用“sRGB”（最适合网络）颜色配置文件（无论如何在 CS3 中）。

【参考方案3】：

这与颜色配置文件有关。

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

还有这个

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

在 Photoshop 中检查您的颜色配置文件 (cmd+shift+k) 并尝试重新创建图像。应该可以。

【参考方案4】：

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