FAQ: "Why is the contrast/color of my images different when I save as a JPEG??!!!!"
First of all, it has nothing to do with the JPEG format itself, or with working in CMYK. You have Photoshop set to use a different working color space than your monitor's. Depending on the settings you are using (especially gamma settings), this can cause things either to look more contrasty or washed out when viewed outside of PS.
Alright, I've tried pretty much everything and nothing seems to work for me. I even posted a thread over at the adobe forums and was told that;
1. I should convert to sRGB before saving.
2. cs3 doesn't have color calibration utils anymore. Adobe gamma stopped shipping with cs2 and that I should download calibrators.
So now I've read up on color managment in the help section of photoshop cs3 and followed the advice, downloaded monitor calibrators for my monitor (duh) and tried converting to sRGB before saving.
I've also been adviced to use monitor rgb under "View>proof setup>monitor rgb" and then mark 'view>proof colors'/ctrl+y. This works for me. The colour I work with is the color I see when I hit 'save for web' as well. However, I've heard that using monitor rgb will make the image look funny on monitors of different brands, I've been unable to verify this myself but it sounds credible.
so wtf, I might be a blonde swede but this shit is getting on my nerves.
Here's my settings. For monitor colour matching I've tried having Adobe RGB1998 and the sRGb profile just as I in photoshop have tried to have the hp9500 profile.
I added one of David Briggs' pics because the contrast is really obvious in it.
I havent noticed these kind of colour mismatchs in photoshop before cs3.
OK, I'm in CS3 as well. I have no idea if this will help, but you have different settings to mine, dont know if I'm set up right (I haven't really touched since installation, but might be worth a try):
I usually get that, but what I do is change it from a RGB to a CYMK, and most often, if what I am working on is or looks different from my project window, than the SAVE TO WEB window, I press Cancel, go back, up to Adjustments and MODE, and press RGB, place it at 16bit, and close. Then SAVE AS WEB, as either a JPG or PNG. Usually that helps, as sometimes, on rare occasions and often times common system persuasions of the scratch disks, CYMK is chosen as the default coloraiton over RGB. You can still keep 8bit and press RGB and SAVE TO WEB, and it will look exactly like your working template window.
Play with these Adjustments until you get your desired imagery results.
Had the same frustration. Finally figured out that the monitor profile as set in windows display properties had to be changed to SRGB, the monitor hard settings (by pressing the external buttons on my monitor) had to be verified as SRGB. Photoshop color profile had to be SRGB AND the workspace had to be SRGB.
Just make sure one of those settings isn't throwing the colors off.
Follow the instructions on this site. I'm far from a pro but my colors have all come out correctly on all formats since I adjusted mine accordingly.
Hope it helps
Please, please,please, DON'T use that tutorial. It's a wrong workflow for color calibration.
You CAN'T work on "monitor RGB" setting and hope to get right colors ANYWHERE except on YOUR MONITOR.
They are working in the reverse of what you have to work.
First of all, it's IMPOSSIBLE that you see the same colors on different monitors. There is simply no way: every monitor is setup in his fashion, one user can lower the contrast, another increase, another change the point of white, and so on. You can try to make your image "the better you can" to display on all monitors, and nothing more.
Also, most devices (ex. the web browsers, or at least most) don't recognize color profiles, so you can't even count on those.
I've spent quite some time calibrating my monitor (manually, don't have a calibration tool) but the color spaces are acting up...
If I work in sRGB and change to Monitor profile, the color pops and gets very saturated, (the gamut seems wider, I think it is).
If I save a .PNG from a Monitor profile project, the resulting file looks identical in windows picture viewer. However, if I upload that image to a site which converts it to JPG, then the color gets the sRGB washed out look.
So.. if i now work in sRGB and save the image as .PNG, the image looks identical from the project in picture viewer, BUT if I upload this .PNG to a site that handles .PNG (Flickr), then the image gets the over saturated look when uploaded!!!
How, why oh Lord, no! Have mercy I don't understand ANYTHING.