HDR “images” on the web

Finally, an HDR image is directly in the web browser. It is not an image, but a so-called still-frame video. Whatever works to get the screen bright 🙂

The footage of my side project during the pandemic in February of 2021 got a re-work.

  • All the 7-bracket Canon 7D photos were processed again, this time to ACEScg EXRs files directly.
  • The merged files were “graded” on my MBP in HDR using the new ACES 2.0 image formation pipeline.
  • After the grading was done, the image formation pipeline was switched to ACES 1.3 (with RGC), OpenDRT, and JP_2499 via DCTL in Resolve 20 Studio without any trim pass.
  • A compilation of the best images can be watched in UHD-HDR on YouTube.
  • The intro “still” image is also a video file. But it works…

HDR still image

This is a .mp4 file set to “Autoplay”, hide the “Playback controls” and set to “Play inline”

…there is a good chance you see only an empty space. I tested this page on an iPhone Pro, iPad, and MacBookPro. They all show the HDR “image”.
I also could test this page on a basic Android mobile phone. Chrome does not support these still “video” files it seems. At least not on this specific device.

Link to YouTube clip and Social Media links with vertical video versions.

For the Social Media format exports I used FCPX.