Inspiring

Question

Preview "save for web" is over saturated

Forum|Forum|1 year ago
October 20, 2024
4 replies
2392 views

Hello everyone.

I'm having a problem lately that when exporting for web, the preview gets over saturated, but it exports well.

It's just the preview that is giving the problem. I open the file in any other place and looks well. I have reseted the settings and this "problem" continues. It's not really a problem but it's anoying. Has this happen to anyone? If so, have you solved it?

Others

peepps

Participant

Hello! I'm having the same exact issue, did you manage to fix the problem? I can't find an answer anywhere... I've attached a screenshot shot of what happens to me, and the worse thing is that inmediatly after going to 'save for web' the image look as it should but if i move the cursor over it it flicks to the oversaturated version seen on the screenshot...

D Fosse

Community Expert

Well, what we can say with certainty here is that the normal color management chain isn't working correctly. With the settings shown in your screenshot, Photoshop and Save For Web will display absolutely identically (and they do on my end).

That can only be two things: Either it's a defective monitor profile, or it's a bug in MacOS's GPU driver component. Or even both - the GPU is handling the monitor profile conversion, so a defect in one can affect the other. But if this changes with mouse hover, that would point to MacOS.

What monitor calibration/profiling do you do? Where does the monitor profile come from? You can try to change it to sRGB IEC61966-2.1 and see if there is still a difference. Relaunch Photoshop when done.

It should be said that SFW is legacy code that hasn't been updated in a long time, and won't be any more, so if this is a new Mac, it could be a basic incompatibility that starts to show up now. Export As is intended to replace it, but unlike SFW, Export does have a color management bug on its own: the preview is incorrect, but the file itself comes out as it should.

peepps

Participant

Hi D Fosse! Thanks for your reply. I use a BenQ SW27U monitor and calibrated it with a Calibrate Display Pro HL. I then started using Photoshop 2026. Coincidentally, I tried the same process on my MacBook Air M1, and the same issue occurred. This one has the latest Mac OS installed, whereas the one I work with runs Sequoia. I tried your suggestion to change the monitor’s profile to sRGB, but it didn’t make a difference. On the other hand, I also tried Export As, and the preview shows an even more saturated image than the original (see screenshot). I’m at a loss!

D Fosse

Community Expert

Change the Preview rolldown to "Use Document Profile". It's probably set to "Monitor Color", which disables display color management.

Of course, make sure the file actually has a document profile. Every document should always have an embedded color profile, no exception. This is one of the most common reasons for color discrepancies.

R

ruiapolinarioAuthor

Inspiring

It has color profile and in preview, the only option that comes close to the original file is selecting "Internet color managment"...

Illustrator and animator since Macromedia Flash 2.0

D Fosse

Community Expert

Is the profile embedded? Your screenshot only shows Convert to sRGB. That doesn't help if the profile isn't embedded.

And is the profile embedded in the original file? There has to be an embedded profile, always.

It needs to look like this in SFW:

With these settings, Save For Web will display absolutely identically to Photoshop. If it doesn't, something else is going on - either you have a corrupt/defective monitor profile, or perhaps the much bigger original is very noisy and different resampling algorithms influence the result.

Here's where you check the embedded profile in Photoshop:

kglad

Community Expert

you're using adobe animate and you created an html5/canvas project which you're publishing, correct?

R

ruiapolinarioAuthor

Inspiring

Actually no. This is a photoshop question 😕😕

Illustrator and animator since Macromedia Flash 2.0

R

ruiapolinarioAuthor

Inspiring

I see that this is the wrong place.. will move it to the right place

Illustrator and animator since Macromedia Flash 2.0

kglad

Community Expert

in the future, to find the best place to post your message, use the list here, https://community.adobe.com/

p.s. i don't think the adobe website, and forums in particular, are easy to navigate, so don't spend a lot of time searching that forum list. do your best and we'll move the post (like this one has already been moved) if it helps you get responses.

<"moved from cc desktop">

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded