Hey guys, Im using CS3...so this has been an annoyance for me for a while now... I get an image all adjusted properly with it exactly how I want it. Then I go to File/Save for Web and Devices (I'm saving for websites) and when I save it as a jpeg the images are a noticeable amount brighter and washed out...Unless I open the JPG file in PS, Then the image looks fine! Does anyone know why this happens? Its really annoying to have to make my images too dark in photoshop and then save it for web and see if it looks like what I want it to! Thanks guys!
Got a tip for us?
Let us know
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.
Why does photoshop make my pictures washed out- Save for web
- Thread starter jpf566
- Start date
- Sort by reaction score
When you 'save for web' you are effectively stripping out alot of the colour information so that the colours will display consistently(ish) but the main benefit is to reduce the filesize and stripping out the colour info is the only way to reduce the size.
You are basically converting them so they only use 256 colours instead of millions so the appearance will change drastically. Obviously the settings you choose in the save for web window will affect this.
What are you saving for web?
You are basically converting them so they only use 256 colours instead of millions so the appearance will change drastically. Obviously the settings you choose in the save for web window will affect this.
What are you saving for web?
Sounds more like a difference in colour profile/calibration between photoshop and the operating system (which the internet browser uses for its colour profile). I'd check that they're both using the same colour settings.
I ran into this issue as well, my colors would slightly shift from what I saw on screen to something a bit lighter.
Turn off the "convert to SRGB" in the save for web panel. Its hidden under the disclosure arrow next to the preset pulldown.
Turn off the "convert to SRGB" in the save for web panel. Its hidden under the disclosure arrow next to the preset pulldown.
Totally sounds like either a colour settings or profile issue. Are you adjusting the image in the same as the output colour space? EG: Your getting it right in CMYK then when you save for the web it is converting to RGB, or your using Adobe RGB and outputting in sRGB.
The other thing, does the image have an embedded icc profile? If it does maybe your getting strange results because the profile isn't embedded in your saved jpegs? Just a thought!
The other thing, does the image have an embedded icc profile? If it does maybe your getting strange results because the profile isn't embedded in your saved jpegs? Just a thought!
File, save for web.......
click on Image size, make it between 5-600 for width. 72 is about one inch on the screen... approximately. Next make sure you select jpeg under presets and I always use medium, I have optimized clicked and change the number to at least 36.
Do not use Gif, that'll wash out your pic completely. Gifs are for logos, etc, and jpgs are for pix.
Cheers
click on Image size, make it between 5-600 for width. 72 is about one inch on the screen... approximately. Next make sure you select jpeg under presets and I always use medium, I have optimized clicked and change the number to at least 36.
Do not use Gif, that'll wash out your pic completely. Gifs are for logos, etc, and jpgs are for pix.
Cheers
The short answer is that Photoshop is stupid when it's interpreting gamma and saturation, it misinterprets how the colours should be.
The following are links that have help me fix this stupid issue.
http://www.gballard.net/psd/saveforwebshift.html
http://www.nicedream.co.uk/articles/best_practice_colour_setup_for_web_designers/
http://www.viget.com/inspire/the-mysterious-save-for-web-color-shift/
This is a really stupid issue that Adobe should address... (lazy morons)
The following are links that have help me fix this stupid issue.
http://www.gballard.net/psd/saveforwebshift.html
http://www.nicedream.co.uk/articles/best_practice_colour_setup_for_web_designers/
http://www.viget.com/inspire/the-mysterious-save-for-web-color-shift/
This is a really stupid issue that Adobe should address... (lazy morons)
Thanks for the advice, this problem has irked me in the past - it's definitely a colour profile issue rather than saving in low quality jpeg or gif.
I've bookmarked the page for the next time this happens. I'm not sure what sets it off..
I've bookmarked the page for the next time this happens. I'm not sure what sets it off..
+1.
This is the trick that worked for me when I was having the same trouble. I had messed around with other colour settings, monitor calibration, etc etc, but this is what did it in the end.
The simple answer to fix this is to:
1. Set up you Photoshop workspace to always be in sRGB
2. Set your display gamma to 2.2, instead of Mac's 1.8
3. Convert the color profile of any image/photo going on the web to sRGB, usually when a warining dialog box pops up when you try to open the image that is not already sRGB ( you should check all 3 of the color management policies dialog boxes to ask you what to do when color profiles are mismatchedEdit-->Color Settings).
basically, just work in and with sRGB all the time...that is the simple answer.
(BTW, I do also personally work in the Adobe RGB space when dealing with photography/print/graphic design and or want to see/have a more full range of color gamut on my S-IPS display).
1. Set up you Photoshop workspace to always be in sRGB
2. Set your display gamma to 2.2, instead of Mac's 1.8
3. Convert the color profile of any image/photo going on the web to sRGB, usually when a warining dialog box pops up when you try to open the image that is not already sRGB ( you should check all 3 of the color management policies dialog boxes to ask you what to do when color profiles are mismatchedEdit-->Color Settings).
basically, just work in and with sRGB all the time...that is the simple answer.
(BTW, I do also personally work in the Adobe RGB space when dealing with photography/print/graphic design and or want to see/have a more full range of color gamut on my S-IPS display).
This is the correct answer.
Edit: although the gamma is a preference thing... it's not mandatory. It's how you choose to calibrate.
Actually, no, it's not. Not alone anyway. As I had these settings and it still was doing it.
hobbbz's posts is the one that corrected the issue. So you probably need to do both.
Setting it to that is a really bad idea, you want to:
1) Set RGB colour to sRGB IEC61966-2.1 (it's a far more supported profile for web and broadcast).
2) Set the Conversion Engine to Adobe ACE.
3) Set the Proof Setup to Monitor RGB.
And make sure you save the PSDs with an embedded colour profile but not the "Save for Web" with the ICC profile....