Why does photoshop make my pictures washed out- Save for web

Discussion in 'Design and Graphics' started by jpf566, Jan 14, 2009.

  1. jpf566 macrumors newbie

    Nov 25, 2008
    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!
  2. MacBoobsPro macrumors 603


    Jan 10, 2006
    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?
  3. stevo8 macrumors 6502

    Jul 3, 2007
    Are you clicking "optimized" and making the quality 100? Also make sure you do your down sizing and sharpening before you save or web.
  4. LeviG macrumors 65816

    Nov 6, 2006
    Norfolk, UK
    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.
  5. lucidmedia macrumors 6502a

    Oct 13, 2008
    Wellington, New Zealand
    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.
  6. brisbaneguy29 macrumors 6502


    Nov 27, 2007
    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!
  7. hobbbz macrumors 6502a


    Mar 8, 2005
    When you're working with the image check under View>Proof Setup>and click Monitor RGB
    This should automatically also check the View>Proof Colors option

    This will let you work with it in the same colorspace in which it will be displayed
  8. nightwolf macrumors member


    Oct 4, 2005
    Ontario, CANADA
    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.

  9. ezekielrage_99 macrumors 68040


    Oct 12, 2005
  10. iann1982 macrumors regular

    Jul 9, 2008
    Leicester, UK
    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..
  11. Melrose Suspended


    Dec 12, 2007
    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.
  12. doug in albq Suspended

    doug in albq

    Oct 12, 2007
    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 mismatched–Edit-->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).
  13. decksnap macrumors 68040


    Apr 11, 2003
    This is the correct answer.

    Edit: although the gamma is a preference thing... it's not mandatory. It's how you choose to calibrate.
  14. Revitup1028 macrumors newbie

    Feb 2, 2009
    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.
  15. thomahawk macrumors 6502a


    Sep 3, 2008
    Osaka, Japan
    is your monitor on Adobe RGB 1998? i always set the color to that when photoshopping
  16. chilipie macrumors 6502a


    May 8, 2006
    It's a problem with colour profiles when exporting, not monitor calibration.
  17. ezekielrage_99 macrumors 68040


    Oct 12, 2005
    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....

Share This Page