• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Trouble with photo color when saving an image for web

Community Beginner ,
Aug 21, 2017 Aug 21, 2017

Copy link to clipboard

Copied

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.

Views

240

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Aug 21, 2017 Aug 21, 2017

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

Votes

Translate

Translate
Adobe
Community Expert ,
Aug 21, 2017 Aug 21, 2017

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Aug 21, 2017 Aug 21, 2017

Copy link to clipboard

Copied

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..

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Aug 21, 2017 Aug 21, 2017

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Aug 21, 2017 Aug 21, 2017

Copy link to clipboard

Copied

Thank you! This helped!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 21, 2017 Aug 21, 2017

Copy link to clipboard

Copied

LATEST

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines