Photoshop Video Tutorial - Color Management for the Web

Nov 03 2008

Photoshop Video Tutorial - Color Management for the Web

Published by Yanik at 3:20 am under Photoshop Videos, TUTORIALS, Video Tutorials

It’s time for another Adobe Photoshop video tutorial “quicky”.

I went thought my reader email bag and had quite a few of you wanting to know how to fix the color issues when saving images from Photoshop. The main complaint is that saved images, when viewed on the computer or the Web, look more saturated then what you see in Photoshop. Basically you’re asking: a) why is it that the saved image is more saturated? and, b) is there a way to adjust Photoshop to see the correct colors before post processing?

To answer part b): yes! and part a) is explained in the video.

I would like to thank you for your tutorial suggestions. Please keep them coming!

DON'T MISS THE NEXT ARTICLE: RSS Feed | Email Updates

6 Responses to “Photoshop Video Tutorial - Color Management for the Web”

# Jamieon 03 Nov 2008 at 4:25 am

Wow that’s strange.. I’ve never noticed that in PS6. It seems totally unreasonable to have to do that every time you view an image!! What were Adobe thinking?

I’m going to guess some people will be suffering with monitor calibration colour profiles and their workflow. I know that was a major hurdle for me - colour matching between the Canon software and Photoshop. And I didn’t even know about the proof colours thing!
# Tammyon 05 Nov 2008 at 8:25 am

Thanks for the video - very interesting. Is there a setting in Photoshop that helps to get your print to look like what is on the screen, without buying expensive color calibration tools?
# Yanikon 05 Nov 2008 at 8:41 am

@ Tammy

Now you’ve just opened up a big can of worms!

This is every photographer’s nightmare when you consider that each monitor is calibrated differently and each printer prints differently. If you’re just using your personal printer or a specific photo lab to print, get one print with lots of colors and tonal ranges and manually adjust your monitor to match it. Make sure your in a brightly lit room when doing this.

You could also use Photoshop, but I’m not very familiar with color profiles since my monitor is calibrated for my photo lab. Since I use a monitor calibration tool, I have 2 profiles saved. One for Web and one for print and I switch when needed.
# Elenaon 10 Nov 2008 at 4:21 pm

hi yanik…
very intresting your site and very helpful
i want to thank you especialy for this video because this was my big problem for now (i am making stock images too) and nothing was the same… i was very mad… thank you
# fotoBrushon 29 Nov 2008 at 4:32 am

all d tutorials are really nice continue yanik………..
# fredon 01 Jan 2009 at 10:59 am

Hi all,

I found something out that I though i’d share. It is quite stupid, but when i tried saving for web after doing the steps descibed here, I stil ended up with different colours for the end jpeg. I found out that the “Convert to sRGB” option was checked in the “Save for web and devices” dialog (my usual way to save pictures for the web. After unchecking this option everything was back to normal and both images had matching colours.

Hope this helps.

Thanks for the great tutorials and links.