5 Replies Latest reply on Aug 21, 2017 7:44 AM by D Fosse

    Trouble with photo color when saving an image for web

    Jharshbarger@fitcheven

      I keep having this issue come up when I save a picture for our website. I'm working with headshots of attorneys. They look great, but once i save the image to jpeg it looks way to warm in all of my photo viewers and when i upload to our website. But the color looks perfect in Photoshop. Please help.

        • 1. Re: Trouble with photo color when saving an image for web
          master mo Adobe Community Professional

          The export functions tag jpeg files with the sRGB profile?

           

          You can get a sense of what how the colors will appear by soft proofing it.

           

          Choose View > Proof Setup > Internet Standard (sRGB).

           

          So you might viewing the file with your monitor profile, but exporting it with sRGB.

           

          HTH

          • 2. Re: Trouble with photo color when saving an image for web
            terris86415680 Adobe Community Professional

            By Photo-Color do you mean Pro-Photo RGB? Using that colorspace will look good in Photoshop even though on the very best of monitors you will not see all the colors. This is because Photoshop is a color managed application as is Lightroom and these applications correctly render the colors in the image up to the screens maximum capability. Web browsers with the exception of Firefox., I think, lack color management and render images for the sRGB colorspace, therefore a Pro-Photo image will experience color shifting. The only solution is to use an sRGB color profile embedded into your images to be uploaded to the web. Photoshop can accurately convert between profiles using the 'Convert to Profile' command under the 'Edit' menu and on saving the image there is an embed option for color profile in the 'Save' dialog box..

            1 person found this helpful
            • 4. Re: Trouble with photo color when saving an image for web
              Jharshbarger@fitcheven Level 1

              Thanks Terri, this helped me understand a little better too.

              • 5. Re: Trouble with photo color when saving an image for web
                D Fosse Adobe Community Professional & MVP

                If you convert the file to sRGB it should display roughly correctly even without color management. However, this old rule of thumb only applies to standard monitors, which have a native response reasonably close to sRGB already. If you are using a wide gamut monitor (like e.g. a recent Apple display), this no longer applies. Here you need a fully color managed web browser, and you need to make sure the file has an embedded color profile. Save For Web and Export both strip the file's embedded icc profile by default. You need to check "embed profile" manually.

                 

                You also need to have a valid monitor profile, preferably one made by a calibrator.

                 

                Failing this, it will look oversaturated.

                 

                Proofing to Internet Standard doesn't tell you anything. It just discards the embedded profile and assigns sRGB instead. It's a completely meaningless setting - the only justification is to check whether you've remembered to convert. It doesn't tell you how it will ultimately look.

                1 person found this helpful