如何正确地为网站制作图像？答案

【问题标题】：How do I properly make images for a website?如何正确地为网站制作图像？
【发布时间】：2011-08-04 02:06:28
【问题描述】：

我知道这似乎是一个简单的问题，但我真的被困住了。我正在开发一个网站，Firefox 正在更改该网站的图像颜色。问题源于 Firefox 使用 ICC 颜色配置文件（我认为）。

我对该主题进行了大量研究，在 Photoshop 中保存时大部分都归结为 sRGB，但颜色配置文件已经设置为 sRGB。

这些是我保存时使用的颜色设置： http://i.stack.imgur.com/jLJ5g.png

http://i.stack.imgur.com/OAx88.png - 在 Firefox 3、Chrome 和 IE 中的外观
http://i.stack.imgur.com/B7bcC.png - 它在 Firefox 4 中的外观

我可以通过

禁用 Firefox 4 的颜色管理

about:config / gfx.color_management.enabled = 0,

但这不是一个正确的解决方案。

做什么？

网址：http://development.smgwebdesign.com/riley

谢谢大家。

【问题讨论】：

这是一道设计题，不是编程题。
@Diodeus 不是真的。这是一个浏览器颜色管理问题，在这里与其他 HTML/CSS 问题相比，它比在 graphicsDesign.SE 上更适合。

标签： html image xhtml colors

【解决方案1】：

这有点超出我的深度，因为我已经很长时间没有使用 Photoshop，但一般的解决方案是首先不要嵌入 ICC 颜色配置文件。

您应该在导出对话框中有一个复选框。是不是已经关了？

【讨论】：

@MALON 啊，它似乎根本没有嵌入配置文件。奇怪。

【解决方案2】：

为了帮助保持颜色正确，请勿使用图像创建背景。
因为它只有一种颜色，所以只需使用 css 设置背景颜色。
它接受十六进制值。
例如，#15253c 将是您的颜色。
您可以通过转到颜色选择器工具在 Photoshop 中找到不同的颜色。
它以多种不同的方式显示颜色。

然后将徽标的背景设置为透明，这样就不会出现颜色问题。
我看不到您如何为导航菜单着色，但如果您可以直接使用 css 和背景颜色，与图像相比，它会更好。
尽可能使用 css，它会更好地工作，您的网站也会加载得更快。
查看 http://www.w3schools.com/css/default.asp 以获取有关 CSS 的帮助。
此外，对于您必须使用的图像，请尝试使用 photoshop 中的“保存为网络”选项。

【讨论】：

哦，是的，我使用#15253c 作为样式表背景和图像背景的颜色。我已经绘制了正确的颜色。这只是Firefox的事情。我不知道 FF 与 chrome 或 IE 有什么不同。
这并没有解决 OP 的问题，这与不同浏览器中颜色配置文件的不同处理有关。
我想我明白他的建议了，Pekka，这是一个确实（或应该）有效的 hack。基本上不是使用蓝色作为图像中的 BG，而是让它完全透明，让实际的 div BG 显示出来。
虽然对我来说很奇怪，但该网站在 FF4、IE9、Safari5 和 Chrome 中显示相同。所以也许这是你的 FF 版本。