【问题标题】:Why is this image's color inconsistent across browsers?为什么此图像的颜色在不同浏览器中不一致?
【发布时间】:2011-02-26 18:59:59
【问题描述】:

http://www.everymeadows.com/,标题横幅“日落湖上的每个草地”的背景颜色应与相邻的浅橙色背景相匹配。

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

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

【问题讨论】:

  • 一些图像可以有与之关联的颜色配置文件/空间。也许这就是原因。看到这个问题 - stackoverflow.com/questions/817727/…
  • 这就是原因 - chrome 不通过嵌入在图像中的配置文件进行颜色管理,即使它是一个 Webkit 浏览器。 FF 和 Safari 可以。 IE 没有。
  • 为了摆脱它,当您从 photoshop(或任何程序)中保存网络时,不要将其转换为配置文件(如 sRGB)。

标签: image macos drupal colors jpeg


【解决方案1】:

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-10-11
    • 2019-04-02
    • 2019-09-30
    • 2013-01-07
    • 1970-01-01
    • 2018-05-13
    • 2022-01-22
    • 1970-01-01
    相关资源
    最近更新 更多