从程序员的角度来看一个 Photoshop 设计问题
每次我在 Photoshop 中设计网站时，我都会将想要引入 html 页面的元素进行分割。我遇到一个问题，CSS 规则的背景颜色与 Photoshop 中保存的相同颜色不同。考虑这个例子：
有一个背景颜色为 #080808 的方形 div。在 Photoshop 中，我将一张图像切片并将其放入该 div 内。我没有保存透明 PNG，而是将其保存为 JPG。
不知何故，当我保存时，jpg 中的颜色与 div 的背景颜色有点偏离。要么：
A) 当我保存文件时，Photoshop 正在对某种颜色配置文件进行编码，从而改变真实颜色。当我保存为网络时，“转换为 SRGB 已选中”
或
B) 我在 Photoshop 中的颜色设置不正确，因此当我选择颜色时，它不会是实际保存的颜色。
有什么想法吗？
Every time I design websites in Photoshop, I slice up the elements I want to bring into my html page. I am experiencing a problem where the css-ruled background colors vary from the same color saved in photoshop. Consider this example:
There is a square div with a background color of #080808. In photoshop, I slice up an image that will go inside that div. Instead of saving a transparent PNG, I save it as a JPG.
Somehow, when I save, the color in the jpg is a bit off from the background color of the div. Either:
A) when I save the files, photoshop is encoding some kind of color profiel that changes the true color. When I save for the web, the "convert to SRGB is checked"
or
B) My color settings in photoshop aren't on the right setting so when I choose a color, that will not be the actual saved color.
Any ideas?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
有什么理由将其保存为 jpg 而不是 alpha png 吗？你是怎么把它保存为jpg的？您是否执行了“另存为”或“保存为网络和设备”？我建议使用 alpha png 代替，这样它就可以在 css bgcolor 上无缝混合。
对于 Photoshop 中的颜色配置文件，请转到“查看”-> “校样设置”我通常选择“Windows RGB”
还要确保您在 RGB 模式下工作。 “图像”-> “模式”-> “RGB 颜色。”
Is there any reason why you're saving it as a jpg instead of an alpha png? How were you saving it as a jpg? did you do "Save AS" or "Save for Web & Devices?" I recommend using alpha png instead, so it can blend seamlessly on the css bgcolor.
For color profile in photoshop, go to "View" -> "Proof Setup" I normally choose "Windows RGB"
Also make sure you're working in RGB mode. "Image" -> "Mode" -> "RGB Colors."