3 ms·

"Direct HDR" doesn't work on Firefox, Edge, or Chrome on Windows 11 with a HDR OLED screen (and HDR enabled in OS). It's 2026 and we've figured out how to make

"Direct HDR" doesn't work on Firefox, Edge, or Chrome on Windows 11 with a HDR OLED screen (and HDR enabled in OS). It's 2026 and we've figured out how to make computers talk in 100 languages, but not how to show pictures consistently. I'm guessing: nobody's bonuses are tied to correct HDR display output at any megacorp. Until that happens, we will all just have to continue living in an 8-bit SDR world.

bhouston 8mo ago
What do you mean "it doesn't work"? What does your console say? I actually log the HDR capabilities to console while feature detecting: https://github.com/bhouston/hdrify/blob/main/demos/web-converter/src/hooks/useHdrCanvasSupport.ts https://github.com/bhouston/hdrify/blob/main/demos/web-conve...
- zamadatix 8mo ago
  I'm also not seeing actual HDR display setup (DisplayHDR 1400) for some reason even though it works for other images/videos on other sites (Chrome+Windows for this test). The logs look clean: isFloat16 true isDisplayP3 true isDisplayP3 with Float16 true But the image is dull and/or blown out instead of actually displayed with HDR. Based on the above logs and poking around with the canvas context for a second, I think the issue might be the <canvas> seems to be using display-p3 and that only gives WCG. For HDR in <canvas> I think you need a different color space. See e.g. at https://testufo.com/#background=stars-hdr&text=color(rec2020_0_3_0) https://testufo.com/#background=stars-hdr&text=color(rec2020... and then toggle between "WCG - Display-P3" and "HDR - Rec.2100 PQ".
- jiggawatts 8mo ago
  A simple test of true HDR output is to move the mouse cursor over the brightest highlight in the picture. If the cursor looks "grey", then HDR is working. If it's the same brightness as the cursor, then it has been tone-mapped to SDR.
kllrnohj 8mo ago
Firefox doesn't support HDR at all on any platform. https://bugzilla.mozilla.org/show_bug.cgi?id=hdr https://bugzilla.mozilla.org/show_bug.cgi?id=hdr For Edge and Chrome I'm surprised it doesn't work for you with HDR enabled in the OS, but did you by chance turn the SDR brightness all the way up in the OS settings as well? Since desktop OLED displays are not very bright you might have done this. And if so then there's simply no more brightness range left for HDR to use, so you basically have an SDR display at that point regardless. That said, Windows also has by far the worst HDR support of any platform. Possibly because they were one of the first so everyone else got to learn from their mistakes, but they also haven't seemingly tried to fix it, either, which is odd
- zamadatix 8mo ago
  Firefox does support HDR video on macOS https://www.firefox.com/en-US/firefox/100.0/releasenotes/#:~:text=field%E2%80%99s%20context%20menu.-,HDR%20video,-is%20now%20supported, https://www.firefox.com/en-US/firefox/100.0/releasenotes/#:~... just not images/canvas (which this uses). That said, this page seems to be displaying everything as just WCG and not HDR anyways.

bhouston 8mo ago

What do you mean "it doesn't work"? What does your console say? I actually log the HDR capabilities to console while feature detecting: https://github.com/bhouston/hdrify/blob/main/demos/web-converter/src/hooks/useHdrCanvasSupport.ts https://github.com/bhouston/hdrify/blob/main/demos/web-conve...

zamadatix 8mo ago
I'm also not seeing actual HDR display setup (DisplayHDR 1400) for some reason even though it works for other images/videos on other sites (Chrome+Windows for this test). The logs look clean: isFloat16 true isDisplayP3 true isDisplayP3 with Float16 true But the image is dull and/or blown out instead of actually displayed with HDR. Based on the above logs and poking around with the canvas context for a second, I think the issue might be the <canvas> seems to be using display-p3 and that only gives WCG. For HDR in <canvas> I think you need a different color space. See e.g. at https://testufo.com/#background=stars-hdr&text=color(rec2020_0_3_0) https://testufo.com/#background=stars-hdr&text=color(rec2020... and then toggle between "WCG - Display-P3" and "HDR - Rec.2100 PQ".
jiggawatts 8mo ago
A simple test of true HDR output is to move the mouse cursor over the brightest highlight in the picture. If the cursor looks "grey", then HDR is working. If it's the same brightness as the cursor, then it has been tone-mapped to SDR.

kllrnohj 8mo ago

Firefox doesn't support HDR at all on any platform. https://bugzilla.mozilla.org/show_bug.cgi?id=hdr https://bugzilla.mozilla.org/show_bug.cgi?id=hdr For Edge and Chrome I'm surprised it doesn't work for you with HDR enabled in the OS, but did you by chance turn the SDR brightness all the way up in the OS settings as well? Since desktop OLED displays are not very bright you might have done this. And if so then there's simply no more brightness range left for HDR to use, so you basically have an SDR display at that point regardless. That said, Windows also has by far the worst HDR support of any platform. Possibly because they were one of the first so everyone else got to learn from their mistakes, but they also haven't seemingly tried to fix it, either, which is odd

zamadatix 8mo ago
Firefox does support HDR video on macOS https://www.firefox.com/en-US/firefox/100.0/releasenotes/#:~:text=field%E2%80%99s%20context%20menu.-,HDR%20video,-is%20now%20supported, https://www.firefox.com/en-US/firefox/100.0/releasenotes/#:~... just not images/canvas (which this uses). That said, this page seems to be displaying everything as just WCG and not HDR anyways.