Save for web = colour shift in browser

[Marko]

Hi everyone,

Not sure why this happened today for the first time but....

I worked on an image for about 15 minutes in Pshop then clicked save for web like I always do. When I uploaded the image and looked at it in the browser, it looked terrible! My beautiful brown tones went all orangy.

So after 30 min of playing around I went to google and got this great answer.

Try this if you are having the same issue. It worked for me. Thx - Marko
http://www.viget.com/inspire/the-mysterious-save-for-web-color-shift/

[kat]

Nice. I think I'll have to give it a shot because I notice it too!

[Ben H]

Nope, I still get colour shifts using this method too.

[Marko]

At the end of the article it was reported that some people still noticed shifts. Ben, how bad are the shifts you are still noticing?

It makes sense that they (the original image and the optimized jpg) are not identical as you are going from a bigger file to a smaller file but it should be very very close.

[Alex Wilson]

I ran into problems when using the the proof setup -- it still doesn't always look right, and you have to re-set (at least in CS 2) the view proof option every time you open PS.

I was always running into this problem, not just for save-for-web, but when sending files to the local pro print shop, which has a well-calibrated and consistent printer. I believe the problem comes form how PS behave differently depending if you are using uncalibrated monitor or a calibrated monitor with a profile.

My monitor is profiled with a Spyder, and "1-Default Monitor" is the monitor profile.

I do my image editing in ProPhoto RGB space (so it's my working space), but change for Adobe RGB or whatever you work in.

My flow:
-Work on my image in ProPhoto RGB, get it exactly the way I want
-Save it
-Convert to profile "1-Default Monitor"
-Assign to profile "sRGB IEC61966-2.1"
-Save either the web or print file, with embedded sRGB profile

You can check consistency by opening (assuming you put out a jpg here) in IE and Firefox.

Now, when you open a file that is not in your work space, do this:
-Open it, when prompted for mismatched profile, open it in the file's profile
-Assign to profile "1-Default Monitor"
-Convert to profile "ProPhoto RGB"

Hope that helps.