我长期以来一直存在图像在不同浏览器上呈现不同色调的问题 - 例如,在 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 导出的各种导出。