Preserve the Colors of
your Images
Recently Ron sent me an email and hinted me towards the fact that I
missed the last mile on my
workflow
tutorials.
I was asked to give some more insight into the process of preparing
images for web viewing and/or printing.
In this tutorial I am going to cover some of the basics of color
profiling and in the next tutorial I am going to talk a bit about
resizing and compression of images. After all you want your images to
look good without annoying your viewers (and your wallet) by large data
transfers. As you can see this site has a reasonable amount of
graphics, but (hopefully) still loads fairly quickly. Part of the
reason (besides a good host) is that I optimize my images for online
viewing. Since I have automated the process, I forgot to cover this
subject. You can use the same technique to send your pictures via email.
Color Profiles and Management
I am by no means an expert in color profiling, nor do I understand all
of it. But I can give you some tips on what worked for me without
drifting too much into technical jargon.
Color Management should be part of your
digital
workflow and it is tightly interwoven with all the applications.
Since different devices use different technology (an LCD uses light and
color filters to render pixels while an inkjet puts ink onto a paper),
you need color management to make the picture look the same on either
of them. You want the picture to be printed the same way it looks on
your screen. Today's consumer grade LCD screens are often too bright
and too cold (blue/green tint). I guess the reason behind this is that
manufacturers want them to look brighter in the show room.
Unfortunately, this really messes up your color management, so if you
are serious about getting the best quality from your pictures, check out
my short article on
LCD
Color Calibration.
Color Proofing
Even after you calibrated your monitor, you still need an application
like Photoshop that supports color management. As far as I understand
the process, the monitor profile consists of two parts. One part is
loaded in the operating system (the one that converts
a standard color
space to the color space of your monitor) and another part is used by
the application.
All you need to worry about is that your application supports color
management. On some LCDs (like my laptop screen) I can see a visible
difference between an image that I open in Photoshop on the calibrated
monitor and one I open with the Windows picture viewer.
In order to color proof your image for your printing service, you need an
ICC Profile. Since EZPrints offers good prices and a color profile
(
EZPrints
Profile), I am going to use
them as an example. Simply download the profile and right click on the
file. Select "Install Profile" and start (or restart) Photoshop.
In Photoshop open the picture you wish to color proof.
Go to View -> Proof Setup -> Custom
Under
Device to Simulate select ezprints.icc (or whatever printer you
want to use) and leave the rendering intent on Relative
Colorimetric.
Now you can do two things:
1) You can go to
View -> Gamut Warning
and let Photoshop highlight the areas in your picture that are out of
Gamut (that have levels of saturation your printer cannot reproduce).
If you have a lot of those areas and if the color range is wide, you
will see posterization effects. That usually happens when you try to
boost the saturation too much.
2) Or you can go to
View
-> Proof Colors. Provided your Monitor
is calibrated and able to reproduce the entire color range (that's
usually the case, as a monitor has a wider color space than prints), you
will be able to preview exactly how the final print colors will look
like. Don't even try this with an uncalibrated screen.
I have also set up Photoshop to use ProPhoto RGB as my working color
space (
Edit ->
Color Settings). For some reason, Photoshop only
lets you select ProPhoto RGB after clicking the "More Options Tab"
(which cost me quite some time to find out).
Color Spaces
Ron asked:
"The instructors for Photoshop at the UC ext. courses there
in Cupertino always said to use Adobe RGB color space. Now I see that
people say sRGB might be better."
Bookmark/Search this post with: