【问题标题】:How to get cross browser images the same color如何获得相同颜色的跨浏览器图像
【发布时间】:2012-11-09 00:32:55
【问题描述】:

长期以来,我一直存在图像在不同浏览器上呈现不同色调的问题 - 例如,在 OSX 上,我可以制作一个紫色或绿色框,它在 chrome 上的外观与 safari 上的不同。我已经尝试导出为 png8、png32、gif、jpg、on 和 on 并且没有任何变化。我很想找到一些真正的颜色安全图表或十六进制生成器或一些关于如何解决这个问题的信息。我尝试过使用具有相同问题的网络安全调色板。徽标在一个浏览器上看起来很棒而在另一个浏览器上看起来很棒,这真的很令人沮丧。将 CSS 与 img 匹配也适用于其中一个,但不适用于另一个。

更多测试:

关于颜色管理的答案让我读了很多书,但似乎不是问题——safari 6 和当前的 chrome 都有颜色管理,但它们使图像呈现不同的色调。我对大约 10 个图像导出(gif 精确、jpeg、png24、png8、gif 自适应等)进行了测试,并在 firefox 和 photoshop cs6 中做了同样的事情。结果 - 两个应用程序都导出不同的颜色(我怀疑这是 sRGB 中的 PS 导出我认为,我不确定 FW,因为它没有设置) - 但是大多数图像,无论应用程序导出如何。在浏览器中呈现不同。令人担忧的是,虽然 chrome 的图像与 css 颜色非常匹配,但没有一个 safari 的图像(总共 21 个!)甚至接近我在 web css 测试和定义颜色中使用的 css 十六进制应用程序。

我已经上传了截图 - 顶部是 safari 和底部 chrome - 左上角只有 css,其余的都是使用大多数导出选项从 photoshop 和 firefox 导出的各种导出。

http://www.pictureshoster.com/files/6wp6irm154cre3faop2.png

【问题讨论】:

    标签: browser png image gif jpeg


    【解决方案1】:

    也许这与色彩管理有关。某些浏览器(如 Firefox 或 Safari)支持颜色管理。

    您可以尝试暂时禁用 Firefox 中的颜色管理,方法是转到 about:config 并将 gfx.color_management.mode 设置为 0。

    您可以在此处找到有关 firefox 颜色管理的更多信息: http://www.metalvortex.com/blog/2012/03/16/831.html

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-06-18
      • 2017-07-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-01-26
      • 1970-01-01
      相关资源
      最近更新 更多