什么是用于CSS Sprites的PNG文件的最佳颜色配置文件？

问题描述：

我使用的是PNG文件作为CSS精灵，颜色配置文件，可以将PNG的颜色看起来不同在Firefox和Chrome浏览器（在MacBook Pro上）什么是用于CSS Sprites的PNG文件的最佳颜色配置文件？

什么是最好的颜色配置文件保存这Photoshop前使用文件（.psd）作为PNG文件？（或最彻底，以及如何去除呢？）

详情：

这是编辑 - >颜色设置在PhotoShop CS5： enter image description here

他们应该在保存前被设置为该文件为PNG？也（或者可以在保存时改变它？）

，真的很奇怪，在Chrome，如果我看的文件在

或

的颜色橙色看起来黑暗。

，但如果我（使用SSH隧道进入我的本地主机）查看

或

现在橙色是光明的。他们指向完全相同的文件，即使我下载它们并进行差异化，它们也是二进制平等的。任何人都知道为什么？

你意识到没有这些环节的工作，因为他们都是本地到你的机器？ – 2011-04-13 02:09:38

啊对...这些链接是“编造”的...（哈哈，这不是很明显吗？）嗯...你想看一个样本......？但是，除非您托管服务器并使用该映像，否则很难将其设置为localhost：3000 ... – 2011-04-13 06:03:37

答

更新：Photoshop CC允许您取消选中“嵌入颜色配置文件”选项以不嵌入配置文件。这是强烈建议你这样做，除非你有一个真正的理由不这样做。

简短的回答是，不幸的是，你拧任何颜色配置文件。你最好的选择是不使用，但你实际上不能使用photoshop来保存这样的文件。本主题有数以千计的讨论和意见，但删除颜色配置文件允许浏览器以与HTML十六进制颜色相同的方式解释png的颜色。

就我个人而言，我使用自定义脚本去除所有颜色数据，但TweakPNG应该允许您也这样做。

所以您的意思是TweakPNG可以删除颜色配置文件，但PhotoShop无法...您知道PNGOUT，Paint。网络，IrfranView，或GIMP，Fireworks ......这些都可以吗？ – 2011-04-13 06:01:58

'在网络上保存'在Photoshop中允许你取消'嵌入颜色配置文件' - 这应该做的伎俩... ... – fideldonson 2015-07-08 09:48:09

@fideldonson - 谢谢，该选项以前不存在（这个问题_is_ 4岁;）） – 2015-07-08 09:55:34

答

尝试将您的色彩管理策略设置为关闭。我不确定这是否会有所帮助，但可能会有所帮助。

答

简短的答案是你不应该使用颜色配置文件，并确保“转换为sRGB”被关闭。

关于为什么和如何做到这一点

答

这是一个棘手的问题，因为对彩色型材的支撑位浏览器之间变化的更好的解释请参见this article。

使用sRGB gamma 2.2是个不错的开始。

如果您需要CSS颜色来匹配PNG颜色，那么您必须从PNG中移除颜色配置文件和伽玛信息，因为大多数浏览器不会对CSS颜色进行颜色管理（或者如果他们这么做，他们会处理它们与未标记的PNG相同）。