When I save jpgs in photoshop, they're darker...

I've been having this issue for a while, and I'm just curious what's going on...

When I work on my sites in Adobe Photoshop for layout, I'll go to save them as jpegs and they turn out darker for some reason. I'm in RGB, 72dpi, and 8bit images. Am I doing something wrong because I'm sure photoshop is supposed to be saving jpgs as I see it in the psd.
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Just curious, what color profile are you working with? I like to use Adobe 1998.

And are you using adjustment layers in your psd file? I have found it sometimes is more effective to flatten the file before saving for web. Of course, after you flatten, Crtl+Z to get your layers back if you had any.
qughAuthor Commented:
I'm using Working RGB, but I did a test and switched to Adobe 1998, still same problem. Also, I always flatten before saving out.

Here's the a screen shot of my problem
Ah hah. I think I know your problem. Adobe Photoshop is color profile managed and save for web jpgs are NOT color managed.

So, that means your monitor profile is caddywhampus. I would guess that you have some color shift when you print the image as well. You need to run Adobe Gamma to correct your color profile.
OWASP: Forgery and Phishing

Learn the techniques to avoid forgery and phishing attacks and the types of attacks an application or network may face.

qughAuthor Commented:
Well, I did that with Adobe Gamma, but it's still not perfect. :-\ What do I do now? Re-run adobe gamma til it looks perfect?
A V GeorgeCommented:
- RGB, 72dpi, and 8bit is fine
- Just choose a preset from the drop down list box (just below the Done button) when you are saving Optimized for the web.
-Generally, JPEG medium should work well for images with a large number of colours (like photographs)
- For graphic designs with only a few solid colours (like the web page design that you are saving) gif 64 dithered or even gif 32 dithered (smaller file size) should be good enough.
- Photoshop shows you the estimated file size and download time just below the picture window so you can experiment with the presets and choose the one which gives you the optimum quality and file size.
Good luck!
avgavq's comment is accurate regarding jpeg compression which relates to file size and acceptable image quality regarding pixels.

Your monitor profile is different from compression. Your monitor blends RGB values (Red, Green, Blue) to create your color and any one or all of the RGB values might be out of adjustment. You may not notice the problem till you print pictures, or save for web, or compare monitors side by side. Color perception is a very subjective theory. This is a major problem for print designers because you can't endlessly tweak a printed project like you can a web project. So monitor profile software such as Adobe Gamma or MonacoEZColor are used to calibrate your monitor. Adobe Gamma is the bare minimum requirement for such calibration, but hey, it is free! You can tell what profile your monitor is using by navigating to

Control Panel/Display/Settings (tab at top)/Advanced/Color Management (tab at top).

You may try downloading additional color profiles from your monitor manufacturers web site. Also, some CRT monitors have presets for photo management/photo retouching/general use. You can experiment here as well if you have a CRT with these presets.

Anyway, the summary is this. Photoshop uses your monitor profile to display your photo. IOW, it goes to the default profile you found in the link above, and uses those settings to create the colors for your photo.

These settings are NOT used when images are saved for web, so if your monitor is not calibrated properly, you will notice color shift. So yes, I would rerun Adobe Gamma. Also google "monitor calibration tuturials photoshop" or something similar for tons of documentation. A good book is Real World Color Management.  This is not a Photoshop problem. It is a monitor calibration problem.

My recommendation is that you spend a long quitet evening studying about this. If it is any comfort to you, I have spent many long stressfilled evenings and I still don't understand nearly everything. :-|  (-;   But your effort will pay rich rewards in accurate color workflow in the future.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Oh yes, I intended to list the online Photoshop help files as a large source of info.
Thanks for the grade and points!
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Adobe Creative Suite CS

From novice to tech pro — start learning today.