css - CSS Sprites 的 PNG 文件使用的最佳颜色配置文件是什么?

标签 css png photoshop color-profile

我使用 PNG 文件作为 CSS Sprites,颜色配置文件使 PNG 颜色在 Firefox 和 Chrome(在 Macbook Pro 上)上看起来不同

将此 PhotoShop 文件 (.psd) 保存为 PNG 文件之前使用的最佳颜色配置文件是什么? (或者最好完全删除它以及如何删除?)


详细信息:

这是 Photoshop CS5 中的编辑 -> 颜色设置: enter image description here

在将文件另存为 PNG 之前,应将它们设置为什么? (或者可以在保存时更改它吗?)

另外,在 Chrome 上,如果我查看位于的文件,这真的很奇怪

http://foobar:9000/images/sprites.png

http://localhost:3000/images/sprites.png

橙色看起来很暗。

但是如果我在上面查看相同的图像

http://foobar.mycompany.com:9000/images/sprites.png

http://hello.mycompany.com:8080/images/sprites.png (使用 ssh 隧道进入我的本地主机)

现在橙色很亮了。它们指向完全相同的文件,即使我下载它们并进行比较,它们也是二进制相等的。有人知道为什么吗?

最佳答案

更新:Photoshop CC 允许您取消选中“嵌入颜色配置文件”选项以不嵌入配置文件。 强烈建议您这样做,除非您有充分的理由不这样做。


不幸的是,简短的答案是,你被任何颜色配置文件搞砸了。最好的选择是不使用任何文件,但实际上您无法让 Photoshop 来保存这样的文件。该主题有数以千计的讨论和意见,但删除颜色配置文件允许浏览器以与 HTML 十六进制颜色相同的方式解释 png 的颜色。

就我个人而言,我使用自定义脚本删除所有颜色数据,但像 TweakPNG 这样的东西应该允许您执行相同的操作。

关于css - CSS Sprites 的 PNG 文件使用的最佳颜色配置文件是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5643592/

相关文章:

javascript - Photoshop Javascript : How to Change the brush Mode with javascript?

凹形裁剪的CSS图像?

php - 将另一个 CSS 文件中的按钮移动到 index.php 上?

IOS:在 View 中绘制图像

android - 从 Sketch 导出到 SVG 不允许导入到 android studio

css - 如何复制PS多层模式

javascript - 如何在 fullCalendar 中更改标题的字体颜色

html - CSS 位置 - 谷歌地图截止

unix - 将 png 图像合并到一个 pdf 文件中

html - 这个 HTML5 截屏动画是如何创建的?