为什么我的图像颜色与 FireFox 中的背景颜色不匹配?
我想我可能在 Photoshop 中做错了什么。我正在尝试为我的网站创建横幅。
我在 Photoshop 中创建了一个新图像,然后用我选择的颜色填充背景 #E06205,
然后将图像保存为 jpeg。
在我的网页上,我创建了一个 div 并为其指定了背景颜色 背景颜色:#E05206;
当我在 Safari 和 Chrome 中打开页面时,它很漂亮。完美匹配。
但是,当我在 FireFox 中打开页面时,颜色不匹配。我不明白这是为什么。
顺便说一句,这绝对是我创建的图像有问题。当我并排比较同一图像时,Firefox 给出了“错误”的颜色
I think I could be doing something wrong in photoshop. I'm trying to create a banner for my website.
I created a new image in photoshop, then filled the background with a color I picked #E06205
I then saved the image as a jpeg.
On my webpage, I created a div and gave it a background color
background-color:#E05206;
When I open the page in Safari and Chrome it's beautiful. Matches perfectly.
However, when I open the page in FireFox, the colors don't match. I can't figure out why that is.
By the way, this is definitely a problem with the image I created. When I compare the same image side by side, Firefox gives me the 'wrong' color
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您的问题在于您用于图像的颜色配置文件。确保在保存图像时使用保存为网络和格式设备...
要了解更多信息,如果您愿意,可以访问此网站:
http://css-tricks.com/color-rendering-difference- firefox-vs-safari/
Your issue is in the color profile you are using for the image. Make sure when you save the image you use Save for Web & Devices…
To read more if you want you could travel to this website:
http://css-tricks.com/color-rendering-difference-firefox-vs-safari/
您应该使用 Photoshop 中“文件”菜单的“保存为网络和设备”选项来保存图像。您可以根据您的要求在此选项中获得许多选项和图像类型。
You should save your images with "Save for Web & Devices" option of "File" menu in Photoshop. You can get many options and image types in this option as per your requirement.