图像仅在 Firefox 中具有奇怪的色调

Posted 2023-03-06

【中文标题】图像仅在 Firefox 中具有奇怪的色调

【英文标题】：Images Have Strange Tint Only in Firefox

【发布时间】：2012-07-10 09:44:52

【问题描述】：

我遇到了 Firefox 渲染一些 .png 的问题，这些 .png 已加载到我正在为客户准备的 Wordpress 博客中。这些图像在 IE 8 & 9 和 chrome 中看起来不错，但在 Mozilla 中看起来很不一样。我们的另一个 UX 人员告诉我，Firefox 符合嵌入式颜色配置文件，这可能会扭曲您的图像色调。您可以通过以下方式查看色调变化：

http://blog.hendrickspower.com

如果有人对如何超越颜色配置文件有任何想法，我绝对会感谢您的提醒！

谢谢

这是一张显示我看到的差异的图片。

alt http://s11.postimage.org/jbnzek4g3/color_embed.jpg

【问题讨论】：

你的页面在我电脑上的 FF 和 Chrome 中看起来一样...

您可以尝试使用pngcrush从png中删除所有不必要的信息。

作为旁注：.entry-utilitydisply:none; 看起来不对（错字）

我也看不出有什么不同。你能并排张贴两者的屏幕截图吗？

喜欢“并排”部分。

【参考方案1】：

渲染的差异是由于图像中嵌入了 ICC 颜色配置文件。当 Firefox 找到颜色配置文件时，它会将其与显示器的颜色配置文件结合起来，并相应地调整图像渲染。这通常会确保图像在不同的显示器上显示相同。但是，如果显示配置文件不正确，也可能会导致不良影响。

至少 Windows 7 允许您calibrate display colors。不确定早期 Windows 版本中是否也存在此功能，但它们肯定允许在高级显示设置中选择颜色配置文件 - 您可以将驱动程序提供的配置文件替换为 sRGB。

如果您绝对不希望在不同的计算机上显示不同的图像，那么您应该使用jStrip 和pngcrush 之类的工具从图像中删除颜色配置文件。