Image 为什么这个图像是';浏览器之间的颜色不一致?

Image 为什么这个图像是';浏览器之间的颜色不一致?,image,macos,drupal,colors,jpeg,Image,Macos,Drupal,Colors,Jpeg,在上,标题横幅“日落湖上的每个草地”的背景色应与相邻的浅橙色背景相匹配 在Google Chrome for OS X上,背景完全匹配。在Safari和FirefoxforOSX上,图像中的橙色明显比CSS背景暗 这种不一致的原因可能是什么 颜色的差异是由颜色轮廓造成的。一些浏览器支持带有颜色配置文件的图像,而其他浏览器则不支持 everymeadows上的图像可能保存为“校准RGB颜色空间”,这是在photoshop中选择“另存为”时的默认值。(请参阅OSX下的文件信息->更多信息以查看图像

在上,标题横幅“日落湖上的每个草地”的背景色应与相邻的浅橙色背景相匹配

在Google Chrome for OS X上,背景完全匹配。在Safari和FirefoxforOSX上,图像中的橙色明显比CSS背景暗

这种不一致的原因可能是什么


颜色的差异是由颜色轮廓造成的。一些浏览器支持带有颜色配置文件的图像,而其他浏览器则不支持

everymeadows上的图像可能保存为“校准RGB颜色空间”,这是在photoshop中选择“另存为”时的默认值。(请参阅OSX下的文件信息->更多信息以查看图像的配置文件名称)


在Photoshop中为Web保存时,将自动应用Web友好的sRGB配置文件。在此之后,您不应该再有任何颜色问题。

某些图像可能具有与其关联的颜色配置文件/空间。也许这就是原因。请看这个问题-这就是原因-chrome不通过嵌入图像中的配置文件进行颜色管理,即使它是Webkit浏览器。FF和Safari都有。IE没有。为了摆脱它,当你用photoshop(或任何程序)为web保存时,不要将其转换为配置文件(如sRGB)。