Html JPEG颜色在不同浏览器中呈现不一致

我正在使用的徽标在不同浏览器中呈现出不同的效果。特定图像可用，并且在上

下面是我的Mac OS X 10.11.5图形卡Intel HD graphics 6000 1536 MB上Chrome、Firefox和Safari上的图像截图。请注意Chrome和Firefox如何以更亮的红色错误地显示徽标

如何确保我的JPEG在不同浏览器中一致显示

---

我认为这可能部分是由于铬的长期问题造成的（）。只有一种可能性

我的建议是确保所有的图像都有相同的颜色轮廓。Safari支持现成的v2和v4 ICC配置文件。Firefox支持ICC v4颜色配置文件，但我认为该选项在默认情况下是关闭的（可以在about:config中打开）。Chrome根本不支持彩色配置文件。因此，最终，这些浏览器中的每一个都会显示不同的颜色，它们看起来明显不同并不是你的错

---

只需确保您使用的所有图像都使用相同的颜色配置文件，其余部分由浏览器决定。

您的问题似乎与相关的sRGB颜色配置文件有关。似乎您需要更正gamma或选择其他颜色配置文件

我引用的内容涉及PNG和sRGB，但总体上解决了sRGB问题（在本文前面还提到了JPG）。这就是他所说的

使颜色空间在理论上匹配，可以尝试使用 PNG的颜色管理功能，使颜色与CSS匹配 颜色。然而，在实践中，这是行不通的，甚至可能导致 更糟糕的是，规范中对颜色的描述 通常不实施。当你触摸到sRGB的颜色问题 在正式规范中，您应该以某种方式定义 价值观的意义。描述的意思的简单方法 颜色值是这样的：“颜色值被传递到 Windows图形API。作者应该在这样一个窗口中选择颜色值 在普通PC上实现预期外观的方式 当然，在这样一个规范中，这个定义看起来并不好 应该是精确的和平台中立的。看起来好多了 如果有对正式颜色空间的规范性引用 定义。一些处理颜色问题的人意识到 试图强制Windows PC进行颜色管理是不现实的。 sRGB是一种颜色空间，用于模拟普通办公电脑的颜色 普通的阴极射线管。当Windows PC或Linux机箱被称为“sRGB”时 系统”，重要的是要实现这些设备/软件 组合未明确设计为符合 名为sRGB的规范。相反，该规范旨在 遵守制度！然而，并不是所有的电脑都是一样的，所以它不是 就像所有电脑一样，它们有一个完全相同的颜色空间。sRGB只是一个 平均情况的近似值还有，当它说Mac是 不是sRGB系统，重要的是要认识到Mac可以 配置为一个。可能是一个有着幻想的Mac所有者 苹果平板电脑屏幕并不一定希望他/她的显示器 模仿一个平庸的办公室CRT。CSS和PNG规范中的sRGB 根据CSS2规范，CSS颜色值指 sRGB颜色空间。但实际上，除了Mac IE 5之外，所有浏览器 启用ColorSync（默认情况下禁用）似乎只是处理 CSS颜色值作为系统颜色在任何颜色空间中的值 空间正好是。尽管如此，我们还是有理由期待 要一致处理的sRGB标记PNG图像的颜色 CSS颜色。再说一次，它在实践中就是不起作用。巴布亚新几内亚 1.0规范是W3C的建议，它没有一种明确的方式来指示图像的颜色空间是sRGB 确切地理论上，如果 图像设置为1/2.2。然而，在实践中，图像的颜色 以这种方式标记的不匹配CSS颜色，例如Windows IE中的PNG 1.1规范不是W3C的建议，它添加了一种明确的方式来指示图像的颜色空间是 sRGB是sRGB块。然而，也存在一些问题。在Mac IE 5中 当ColorSync启动时，标记为PNG的sRGB的颜色与CSS颜色不匹配 默认情况下，支持处于禁用状态Safari应用gamma更改 到sRGB标记的PNG，但不到CSS颜色，使颜色不 匹配。CSS2规范没有指定哪个ICC呈现 将sRGB颜色映射到系统颜色时应使用intent 空间另一方面，PNG 1.2允许对 要定义的颜色空间转换。如果浏览器不使用颜色空间 使用ICC配置文件的转换及其用于 CSS颜色与PNG中定义的渲染意图不同 文件中，即使原始颜色相同，结果颜色也可能不同 都是一样的，在同一个颜色空间里

---

徽标的着色和路径非常简单，您是否尝试过可缩放矢量图形（.svg）格式？我会尝试找到颜色相似的SVG文件，然后跨浏览器进行尝试。

我建议使用png而不是jpg，因为它是专门为在web上传输图像而设计的。我从未遇到过您遇到的具体问题，但怀疑png会解决问题。

jpeg文件中是否包含任何颜色配置文件信息？您是如何保存的，以及保存在哪个软件中？通常，在Adobe Photoshop中，可以通过将图像保存到web来避免这种情况。颜色配置文件为sRGB。仅供参考，您的图像在windows上的chrome（最新vsn）上完美显示。颜色是什么？您能显示它的RGB或CMYK值吗？还认为SVG将是一个更好的解决方案，并且