Subtle color variances from Adobe CS2 to Web

P
Posted By
pandora
Jul 25, 2007
Views
324
Replies
7
Status
Closed
I’ve been having issues lately with color variances. My work in Photoshop are the colors I want but when I upload to the web… the colors change. For instance, a pale lavender is now blue online. A subtle olive tone changes to sepia as soon as i get it into MS Frontpage and then subsequently on a website. Photoshop and an image thumbnail program show the colors as i intended them to be. MS Frontpage and IE change the color.

I have a flat screen monitor that has been calibrated. My color setting in PS CS2 is North American Web/Internet. I’ve not had this happen before with other graphics I’ve done. And I haven’t changed any settings. I realize that all monitors are different but I’d love to see my work on the web on my own monitor the same way i see it in photoshop.

Any help or advice would be appreciated. Thank you!
Related Tags
color

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

B
Bernie
Jul 25, 2007
<http://www.adobeforums.com/cgi-bin/webx/.ef9d91a?50@@>
P
pandora
Jul 25, 2007
Thanks for the reply. I do have my RGB work space set to sRGB as the Q&A link you posted suggests. But still so much color variance. This has only happened on the last two graphics I’ve worked on. Before this anything that i uploaded appeared just like i intended it to. No settings have been changed since that time either. i may have to add a color adjustment layer to try to compensate. But that is extra work I was hoping to avoid. I’m just confused as to why it is happening now when it never did before. I’d like to get it back to the way it was prior to this.
RK
Rob_Keijzer
Jul 25, 2007
Pandora,

What do yo see when you go to Edit-Convert to Profile?

What’s the source profile in the dialog?

Rob
P
pandora
Jul 25, 2007
Hi Rob,

It’s sRBG IEC61966-2.1

Thanks for the reply!

p
CC
Christopher_Carvalho
Jul 25, 2007
FrontPage and IE are not color managed. What they do is simply show the RGB values in an image according to the default color space used by the operating system. In Windows, it’s sRGB. You can see this effect by opening the image in Photoshop, then going to View/Proof Setup/Windows RGB, or View/Proof Setup/Custom and select sRGB IEC61966-2.1 and ensure the Preserve Color Numbers box is checked.

If you want to make the image appear in IE as it does in Photoshop, you’ll need to convert it to the sRGB profile using Image/Mode/Convert to Profile in PS7, or Edit/Convert to Profile in CS versions. If the image contains colors that are beyond the gamut of the sRGB color space you will not get a perfect match. However, for most colors Photoshop will adjust them so that they will look correct. When working with these images in Photoshop, you should always edit in softproof mode with the color space set to Windows RGB or sRGB, with Preserve Color Numbers checked, and when saving a copy for the web convert it to sRGB first.

If you know the image is destined for the web, you can convert it to sRGB at the beginning of your editing process. If you plan other uses for it such as printing, then it is better to stick with a larger color space such as Adobe RGB and deal with converting it later, as sRGB can be a rather limiting color space in terms of the color match to different printers, monitors, and other devices.

When saving, it is a good idea to include the sRGB profile with the image by checking it in the Save As dialog because someday, hopefully, Windows, IE, and FrontPage will have better color management. When that happens, your files won’t suddenly shift in appearance. Also, if someone is viewing your images using a color-managed browser now they will see the colors as you intend them.
L
LenHewitt
Jul 26, 2007
Pandora,

To see what an image will look like on the web (at least on your monitor), set your proof colours to Monitor RGB and view proof colours.

Of course, how it will look on anyone else’s monitor will depend upon their monitor settings.
P
pandora
Jul 28, 2007
Thank you very much Christopher and Len! i really appreciate the help. I have worked on a few other things and found that it’s the same… subtle color differences and while people will not know the difference…. i will. I’m going to try to adjust while in the program for how i want it to look on the web. Though i’m finding it to be difficult to create "blind". i suppose it’s something i will have to get used to doing.

really appreciate the replies! It’s a wonderful thing to be able to get help from other users. Thank you all so much!

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

Related Discussion Topics

Nice and short text about related topics in discussion sections