Skip to main content
timdoering
Participating Frequently
August 14, 2019
Question

Impossible to keep color in Save for Web dialog in Photoshop

  • August 14, 2019
  • 3 replies
  • 4172 views

I cannot get the same colors in save for web as it is in photoshop. I already tried to search for the problem, but most users are having different issues.

I exported the image from another tool in sRGB 8-Bit into Photoshop.

After editing and trying to save my picture the colors look totally different:

As you can see it already looks different in the "original" tab. Shouldn't it be there the same as displayed in my Editing window?

Tried to save it as PNG / JPG - sRGB / not sRGB. And I just cannot make it look the same... Any idea why this happens?

Message was edited by: Sahil Chawla

This topic has been closed for replies.

3 replies

D Fosse
Community Expert
Community Expert
August 14, 2019

This isn't complicated - or it wouldn't be if Adobe had only enabled color management in SFW and Export. That's what complicates it.

First of all, don't do anything in Photoshop Color Settings. They are safe settings. If you do, return to default settings, which you can do by picking the North America General Purpose preset. That's what Photoshop ships with. The most important thing is that policies are set to "Preserve Embedded Profiles". The other two policy options are legacy settings that IMO should be removed permanently. They only do damage.

Now, as for Save For Web/Export. I posted the settings above. Embed Profile should be checked, and Preview should be set to "Use Document Profile". This last one is what will actually show you the color managed version on screen, same as Photoshop shows you. If you set that to "Monitor Color", what you see is not color managed, even if the profile gets embedded in the file.

The Export dialog has simplified this a bit, so that Preview is baked into "Embed Profile". In other words, when you check Embed, the display automatically also changes to a color managed view. But it can be slow! - I've seen it take several seconds before the view changes into the correct one.

With these settings, Photoshop and SFW/Export should display identically. If they don't, something's wrong, or you still have some incorrect settings somewhere.

Finally, a crucial point: some applications (photo viewers, file browsers) don't support color management at all. They will never display correctly, whether the monitor is calibrated or not. Color management goes beyond simple monitor correction. Color management doesn't work on the monitor, it works on the actual data sent to the monitor. It has a much higher precision level than the calibration, and it corrects using many more parameters. But to fully take advantage of it, you need a good monitor profile, and a calibrator will make that in addition to (crudely) adjusting the monitor.

c.pfaffenbichler
Community Expert
Community Expert
August 14, 2019

Another tip:

Set the Status Bar to »Document Profile« and include the pertinent UI elements in screenshots when posting them here.

Sahil.Chawla
Adobe Employee
Adobe Employee
August 14, 2019

Hi Tim,

That does not sound like a typical experience, let's make it right.

As the color is changing in Save for Web dialog, could you please check this forum thread and let us know if it helps? Save for web - different colors

If that does not help, then please try the steps mentioned below and see how it goes:

  1. Close anything that is open in Photoshop and click Edit > Color Settings. From there switch the color profile to Monitor Color and uncheck Ask When Opening.
  2. Click View > Proof Setup > Monitor RGB
  3. Now when clicking Save for Web, uncheck Convert to sRGB. This item may be a check box or underneath the little arrow on the top right depending on Photoshop version

Regards,
Sahil

timdoering
Participating Frequently
August 14, 2019

I changed those option according to your suggestion  (sorry for the german names ):

but still the issue remains. what confuses me the most, is that the "original" also looks totally different

D Fosse
Community Expert
Community Expert
August 14, 2019

No.

Absolutely not.

Never set color management policies to "off"! That's a disaster slowly unfolding and pretty soon all your images are ruined. Color management policies should always be set to "Preserve Embedded Profiles". Set it back and never touch it again.

The working space should never be your monitor profile. Not ever.

The reason Save For Web doesn't match Photoshop, is that it has color management disabled by default (for some unfathomable reason). You enable it with these settings:

For viewing in environments where color management is missing or uncertain, always convert to sRGB. It has the greatest chance of being close to correct under most scenarios even without color management.