Skip to main content
susanned54573147
Participating Frequently
July 11, 2017
Question

Saved JPG or PNG images become over-saturated

  • July 11, 2017
  • 3 replies
  • 11957 views

I just got a MacBook Pro and installed Photoshop CC 2017 on it. When I open my image files everything looks normal, but when I try and export them as JPGs or PNGs to post on the web they become waay over-saturated.

I haven't changed any colour setting in Photoshop except View - Proof Setup - Custom, but that shouldn't have any effect. I have sRGB as a working profile and I save the JPGs with Embed Colour Profile. Still no dice... When I open one of my saved JPG in Photoshop again and re-save it I get even more saturation.. so it's definitely Photoshop and not the browser. Help!

This topic has been closed for replies.

3 replies

Participant
August 3, 2022

Hey! I see you going way to deep on this, just wanted to share my solution for anybody else wondering like me few minutes ago. 
For me saved images became too saturated because of weird export color management. If the pdf is in CMYK color profile it will convert colors of exported picture wrong. So you should convert color profile to RGB in acrobat first. 
That solved the issue for me

jane-e
Community Expert
Community Expert
August 3, 2022

 

@Lego5C99 

Thank you for replying to a post from five years ago and sharing your thoughts. The OP has not logged in to the forums for three years and may not see this. She was not working with PDF or CMYK. Her issue was not using proper color management as detailed by @D Fosse and @davescm .

 

Jane

 

davescm
Community Expert
Community Expert
July 12, 2017

Hi Susanne

I am puzzled about the part that saturation increases every time you save.

Can you post two jpegs to help us please.

1. Saved as jpeg (with embedded profile as you describe)

2. Reopened and resaved as jpeg with no further adjustments (again with embedded profile)

Dave

susanned54573147
Participating Frequently
July 12, 2017

Okay, one should never post support questions too late in the evening.. When I open the saved JPG in Photoshop it looks the same as the original, and when I re-save it it does NOT become more saturated. (I mixed it up w the screenshots I took and re-saved.

It's when the JPG or PNG image is shown in either Preview or in Firefox that it looks too saturated. (It actually looks better in Safari, even though I've heard FF has the best colour handling.)

So this looks more like a Mac display/Firefox combo issue than a Photoshop one. Any tips on how to make images look the same in FF as in Photoshop? Or does FF on Mac fall under 'non-color managed applications' like Per mentioned above?

Per Berntsen
Community Expert
Community Expert
July 12, 2017

I don't know if Preview is color managed, but probably not, in which case it will display images over saturated.

Firefox should display an image with an embedded profile correctly; with Color management mode set to 1, it will also assign sRGB to untagged images (i.e.images that don't have a profile).

Safari is as far as I know color managed, and should also display an image with an embedded profile correctly.

Are you sure that the profile is embedded?

Can you post an image here that displays over saturated in Firefox?

Are you running the latest version of Firefox?

JJMack
Community Expert
Community Expert
July 11, 2017

Is you display calabrated well.  Many users use their displays to bright and when they print or displaty their image on other displays they see colors that are much darket than they expect.

JJMack
susanned54573147
Participating Frequently
July 11, 2017

Thank you for the input! Yes it's calibrated. It's not the brightness that is the issue, it's the saturation. Plus like I mentioned the image gets more and more saturated each time I open and  re-save it in Photoshop.

Per Berntsen
Community Expert
Community Expert
July 12, 2017

I don't use a Mac, but it seems that that the MacBook Pro has a wide gamut display, and on these displays images will display over saturated in non-color managed applications.

So the question is, in what application are you viewing the exported images?

And are you viewing on your own computer, or a different one?

When I open one of my saved JPG in Photoshop again and re-save it I get even more saturation.. so it's definitely Photoshop and not the browser.

Does the jpg look normal when you open it in Photoshop?

Where exactly are you seeing even more saturation? In Photoshop? In a web browser?

I haven't changed any colour setting in Photoshop except View - Proof Setup - Custom

Are you by any chance working with Proof colors turned on?

If your work contains saturated colors, and you have a CMYK profile selected under Proof setup, saturation will be reduced, because of the smaller CMYK gamut. Exported images (jpg and png) will then of course be more saturated than the Proof preview in Photoshop.