Skip to main content
Participating Frequently
October 31, 2007
Question

Photoshop CS3 color management "Save for Web" problem

  • October 31, 2007
  • 680 replies
  • 62091 views
This problem is getting the best of me.......

After spending 3 full days researching this problem, I am no closer to finding an answer than when I started. I still cannot produce a usable image through the "Save for Web" feature of Photoshop CS3. I have read web page after web page of "Tips, Tricks and Recommendations" from dozens of experts, some from this forum, and still I have no solution... I am exhausted and frustrated to say the least. Here's the simple facts that I know at this point.

I have a web design project that was started in PS CS1. All artwork was created in photoshop and exported to JPG format by using "Save for Web". Every image displays correctly in these browsers (Safari, Camino, FireFox and even Internet Explorer on a PC).

I have recently upgraded to PS CS3 and now cannot get any newly JPG'd image to display correctly. My original settings in CS1 were of no concern to me at the time, because it always just worked, and so I do not know what they were. I have opened a few of my previous images in CS3 and found that sRGB-2.1 displays them more or less accurately. I am using sRGB 2.1 working space. Upon openning these previous image files, I get the "Missing Profile" message and of course I select "Leave as is. Do Not color manage". CS3 assumes sRGB-2.1 working space, opens the file, and all is well.

The problem is when I go to "Save for Web", the saturation goes up, and the colors change. The opposite of what most people are reporting. Here's another important point... new artwork created in CS3 does exactly the same thing, so it's not because of the older CS1 files.

I have tried every combination of "uncompensated color", "Convert to sRGB", "ICC Profile", etc. while saving. I have Converted to sRGB before saving, and my monitor is calibrated correctly.
I have tried setting the "Save for Web" page on 2-up and the "original" on the left is already color shifted before I even hit the "Save" button. Of course, the "Optimized" image on the right looks perfect because I am cheating by selecting the "Use Document Color Profile" item. Why do they even have this feature if doesn't work, or misleads you?

Does anyone have any ideas what could be happening here? Why is this all so screwed up?
CS1 worked fine out of the box.

Final note: I do have an image file I could send along that demonstrates how it is possible to display an image exactly the same in all 4 of the browsers I mentioned with no color differences. It is untagged RGB and somehow it just works.

I am very frustrated with all of this and any suggestions will be appreciated

Thanks,
Pete
    This topic has been closed for replies.

    680 replies

    Inspiring
    December 11, 2007
    Ramon, I certainly agree that an LCD with brown 3/4 uncorrected has a problem. But since i was able to correct it using the available tools, que sera sera.
    Inspiring
    December 11, 2007
    In Safari the first one is a little lighter. No idea which one is best except i can't believe the scene was that dull.
    December 11, 2007
    Been working on this image for two years and put it aside cuz I just couldn't get what I saw through the lens at the time of capture and I finally got it. No more assigning nonuniform color spaces like Apple sRGB or my monitor to images like this. <br /> <br />The top is the minilab's, the middle is the Epson and the last is my attempt strictly from memory of the scene in Lab space by first assigning sRGB 2.1. Very little clipping converting back to sRGB2.1. <br /> <br /> <a href="http://www.pixentral.com/show.php?picture=1qtNLzfmAFaDKu86JjLWFkK2UVBsS" /></a> <img alt="Picture hosted by Pixentral" src="http://www.pixentral.com/hosted/1qtNLzfmAFaDKu86JjLWFkK2UVBsS_thumb.jpg" border="0" /> <br /> <br /> <a href="http://www.pixentral.com/show.php?picture=1zHtAraVLNDBpobikRCoUFT0AJoxA1" /></a> <img alt="Picture hosted by Pixentral" src="http://www.pixentral.com/hosted/1zHtAraVLNDBpobikRCoUFT0AJoxA1_thumb.jpg" border="0" /> <br /> <br /> <a href="http://www.pixentral.com/show.php?picture=1xJgpkjrtlOaeGJpV20M38UesYim0B" /></a> <img alt="Picture hosted by Pixentral" src="http://www.pixentral.com/hosted/1xJgpkjrtlOaeGJpV20M38UesYim0B_thumb.jpg" border="0" />
    December 11, 2007
    Heck even assigning a monitor profile to an untagged image of unknown origin especially from devices like scanners that don't embed profiles files like my Epson 4870 can surprisingly affect clipping when editing in a larger working space.

    I just found this out recently with a scan I had to edit in the scanner's RAW or so called sRGB space of a Kodak UC 400 negative depicting a wide gamut scene of brilliantly blue flowers lit by "Golden Hour" direct sunlight. Every one hour photo lab wrecked this image by squeezing it into their very small printer space.

    Using the Epson's tools was like whittling wood with a dull knife providing only fair results. The image was just dead looking no matter what I did. Color temp was off and the hues were so skewed as if ProPhotoRGB was assigned to an sRGB image only without the oversaturation.

    So I had to resort to working in Lab in Photoshop, but, instead of first assigning sRGB2.1, I assigned my monitor space before converting. Since this was a somewhat high contrast low light scene with very deep blues in the shadows of the flowers and intense orangish green in the leaves clipping was an issue.

    Red channel would clip to 0 in the deep blues and the blue channel would clip to 0 in the shadows and highlite detail in the leaves. I started over by first assigning sRGB2.1 and all the same edits that I'ld previously saved and applied to the Lab image nolonger clipped the data to render the same preview.
    Participating Frequently
    December 11, 2007
    If anything - maybe Adobe will wake up, doubt it.
    Inspiring
    December 11, 2007
    Did you trash your SFW prefs? (It is different than just deleting your regular Photoshop preferences)
    Re-installing does NOT delete Preference files.

    In Finder go
    Home > Library > Preferences > Adobe Save For Web x.x Prefs. Toss that file, (and the regular PS prefernce file while you are at it) then relaunch Photoshop.

    EDIT
    I just ran the cccc66 Save For Web as GIF test on both CS and CS3. Still no difference.

    And how and where are you comparing colors to state "CS3 version is lighter"
    jefbak
    Known Participant
    December 11, 2007
    Thanks for checking the colors Charles.

    Still driving me a bit nuts here. I have re-installed CS1 and CS3 so that everything in both versions is at the defaults. Save for Web also the defaults.

    Still seeing 2 different shades of #cccc66 yellow/green...

    CS3 version is lighter.
    Inspiring
    December 11, 2007
    Jef,
    I looked at some of your previous posts about differences you see in saving GIF images saved in CS1 vs. CS3.
    I just tried saving-for-web a solid color as a GIF (the gold color from the home page of your site) in both CS1 and CS3. The results were identical.

    You may want to start a new topic specifically detailing the problem you see. And keep in mind that the solution will NOT be making it look right on your particular machine at this particular point in time (which is all paolobaillies advice provided.)
    December 11, 2007
    Jef I'm not sure how you have Photoshop set up.

    I would also stop worrying how someone else did something 2 versions ago. If CS1 does not match CS2 and CS3 then either something is set wrong or that's the way it works now deal with it.

    Also keep in mind that most of the world is using cheap uncalibrated monitors that are all over the place so no matter how good your image looks to you most of the world is not seeing what you see.

    If you think you can do better with GIMP or some other product feel free to start using it.
    jefbak
    Known Participant
    December 11, 2007
    I guess I need to call Adobe or start a new thread, but paolobaillie's advice and link did help me, but I have not tried creating the same graphic on a different mac yet.

    But the question remains:

    How can I guarantee that my save for web output will look the same no matter what version of PhotoShop I use?

    If it is not going to look the same, then I have to stop using the product.