Browser 如何获得相同颜色的跨浏览器图像

Browser 如何获得相同颜色的跨浏览器图像,browser,png,image,gif,jpeg,Browser,Png,Image,Gif,Jpeg,长期以来,我一直存在图像在不同浏览器上呈现不同色调的问题——例如,在OSX上,我可以制作一个紫色或绿色的框,在chrome上它的外观将不同于safari。我尝试过以png8、png32、gif、jpg等格式导出,但没有任何变化。我很想找到一些真正的颜色安全图表或十六进制生成器,或者一些关于如何解决这个问题的信息。我曾经尝试过使用网络安全调色板来解决同样的问题。让一个徽标在一个浏览器上看起来很棒,在另一个浏览器上看起来很棒,这真是令人沮丧。同样,将CSS与img匹配将在其中一个上起作用,但在另一个

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

更多测试:

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

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


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

您可以通过转到
about:config
并将
gfx.color\u management.mode
设置为0,尝试暂时禁用Firefox中的颜色管理

您可以在此处找到有关firefox颜色管理的更多信息: