Color differences between images and css backgrounds
I’m setting up a new computer and just started to use it for stuff . . . and had an annoying thing happen. Though I don’t use the program much, preferring other web dedicated graphics programs, I do occasionally use Adobe Photoshop. So today I saved out a jpg file with it on the new machine and almost choked when I noticed that using it on a webpage there was a definite color demarcation between the jpg and the css coded background. UGH!
It’s been four years or so since I set up my old machine, and though I can remember I had this problem with the old one as well, I could not remember the fix to save my soul. Luckily someone on CSS-Discuss was having the same issue and brought up the Mezzoblue article dealing with Color Shift in Photoshop. The answer? Shut off color management and profiling, which was built into Photoshop for print work, and screws up color rendering for web. Mezzoblue gives you the steps to take to do that.
This is yet another reason for me to use graphics programs that were designed for web graphics specifically. I just wish the magnetic lasso and a few other cool photoshop tools were in my web graphics programs.
Technorati Tags: Color management for web, color shift, color problems with photoshop
August 28th, 2007 at 10:39 am
I thought you already know about that!
…
August 28th, 2007 at 2:57 pm
It’s one of those things you need to know ONLY when you’re building a new box OR working on someone else’s. I have so much stuff in this brainbox some of it has to fall out sometime or my brain would explode.
August 31st, 2007 at 5:13 am
Ha! I’ve run into this problem many times. Is the issue really with Photoshop, or with the limitation placed on web graphics?
September 15th, 2007 at 2:09 pm
Joe:
Its not an issue with photoshop etc. but its a difference in online and print media, RGB and CMYK model difference. On screen you are using artificial light with RGB (Red, Green, Blue) model to generate colors and stuff, while in print its physical media with CMYK (Cyan, Magenta, Yellow, Key) (key referred as Black) model.