AboutScott Valentine Expertise Beginning to expert questions using Photoshop for a variety of applications; digital photography, graphic design, image analysis, web, screen and print. I am an administrator on a Photoshop learning forum, which has over 13,000 members, and am also an 'expert' in the Digital Photography section of allexperts.com.
Experience I have been a professional level user since 1999, and have used Photoshop for photography, fine art, graphic design, web design, and technical image analysis. I have also conducted classes at the college level in both artistic and technical uses. I am currently an Adobe User Group manager.
Organizations National Association of Photoshop Professionals
Education/Credentials Bachelor's degree, Physics
Awards and Honors Several awards for digital photography.
Expert: Scott Valentine Date: 4/16/2008 Subject: Colors fade for files saved for web
Question Hi,
This has been an ongoing mystery for me. When I save an image from Illustrator or Photoshop for use on the web, the colors on that image fade. I don't need these for print at all, just for the web.
I just saved an image that I captured in a screencap via Apple's Grab application (I'm on a Powerbook G4). Grab saves the image as a tiff. I opened it in Photoshop, marked on it with red paintbrush, then saved it for the web as a jpg, using Photoshop's "Save for web" function. The color difference is about 40% lighter then what it should be - both the screencap and the red paintbrush from Photoshop. The image is an RGB. In the top of the window, it says RGB/8*.
I don't think my monitor is the problem, as I can see a clear difference between the web file and the pre-web file. But I'm very inexperienced with calibrating anyway, so hope that is not the problem. When printed digitally, from art I have created in Illustrator, either from a photograph or from artwork I create, the digital result is the same as on my monitor. So, I don't want to mess much with the monitor, but I don't think that's the case.
I hope you can help. I just don't know where to start, and it's such a problem!
Many thanks.
Answer Thanks for your question! First, some good news; you're not doing anything wrong. The bad news is you are going to have to compromise if you want your web images to look the same in Photoshop and in print. I don't really recommend this solution, though.
The problem is that using Save For Web throws out any color profiles you are using. If your monitor and your printer agree very well, you may have a good calibration, but chances are you are working in something other than sRGB space. That's ok, and I typically don't use sRGB except for web images.
You have a couple of ways to solve this issue... you can do all your work that will go to the web starting in sRGB space; you can save a copy of your final image and convert it to sRGB then correct it before using Save For Web; you can recalibrate your system to match the limited gamut of sRGB; you can not bother with trying to fix it. I highly recommend option 2 - save a copy and correct it.
Also, if you are using any kind of color management, you should set your proof to "monitor" so you can see the screen result. Using other proofing modes gives you a simulated view of those media or output devices. Using "monitor" or "screen" depending on your version, will give you more consistent results.
So, to sum up; save your final image copy as sRGB and fix it there, use monitor or screen proofing, and avoid color profiles for web-bound images.
I hope this helps. If you have any further questions, or would like more detail, please ask!
