lightroom photo export with sRGB profile

Question

I work on a calibrated Full gamut monitor, and switch between lightroom and Photoshop for my editing. Both are set to work in AdobeRGB color mode. After all edits are done, i go to export, and set the file format to JPG, image quality to 100 and filetype to sRGB. Unfortunately the exported image is way oversaturated when viewed in Windows.

I have been taught that setting the sRGB profile on export converts the image in sRGB and should appear correct in the browsers/viewers, but for some reasons it behaves as if the image is exported in adobeRGB. The file properties show sRGB too.

What am I misunderstanding?

EDIT: the file appears correctly in Firefox, and oversaturated in Edge.

shouldnt it appear properly in edge if exported as srgb?

EDIT2: as requested here is a screen of the export settings

EDIT3: as requested a screenshot of my Photoshop color settings: NOTE: The monitor color profile has been created using spyder5 elite.

also here is a sample.. top is Edge, bottom is Firefox.

Answer 1

I think the main error is that your Working Space is set to your monitor profile.

The monitor profile is actually adapted "live" as it's drawn to screen & should not be part of your workflow.
You should always check that the correct monitor profile is in the drop-list for that tab, but you should select your actual intended gamut there - AdobeRGB for 'high colour' or sRGB for web.

Colour Management should be set to Preserve embedded profiles.

This ensures that the profile embedded in the original photograph remains the single source from which all modifications are made & you don't keep unnecessarily recalculating to different gamuts.

At Export is the only time you should replace that profile - this also preserves the original profile in the master copy untouched.
Your Export settings look fine - the error was earlier in the workflow.

I have to admit, I only learned this myself quite recently; being [what I thought was] an old hand at Photoshop, but a newbie at actual photography. It was quite a revelation when I did.

Answer 2

Your issue is that some applications are color managed, and some not. in your example, firefox is a color managed browser, so it is smart enough to see the sRGB profile and convert it to AdobeRGB (or more precisely to the profile of your monitor which is close to AdobeRGB). Edge I guess is not. Photoshop is smart, so images should appear fine there.

This is normal behavior with non-color managed applications, and is one reason so much work for the web is done in sRGB -- most people (at least originally) did not have color managed browsers, and also had roughly sRGB monitors, so it just worked, kind of like having all the people in the room speak English (or French or whatever). The alternative is to have all the people have a translator (i.e. all be color managed) and then each can speak any language and they can still understand.

To work correctly for you, you should identify programs for use that are color managed, and try to stick to them. The issue is the wide gamut monitor and other applications not how Lightroom created the image. If you exported it as AdobeRGB it might be closer for you, but someone else (many if not most other people on the web) would see it incorrectly. Once everyone started using different gamut monitors, without color managed applications, there ceased to be one right answer. sRGB is still the most common, but it is getting more confusing as more people get wide gamut monitors.