HDR photos on the web
How HDR photos work, which browsers and devices show them, and how to get them onto a web page without losing the light.
How to create an HDR EXR image
Step by step, with screenshots: turn a photo into a 32-bit HDR image in Adobe Photoshop or Affinity Photo, save it as EXR, and publish it on the web in HDR.
HDR image formats, explained
Gain map JPEG, Ultra HDR, ISO 21496-1, HEIC, AVIF, JPEG XL, HDR video and EXR: what each one is, which browsers show it in HDR, and why the web needs several of them at once.
How to keep the HDR from an iPhone photo on the web
iPhone photos are HDR, but a HEIC file does not show in most browsers and a plain JPEG export loses the HDR. How to turn an iPhone photo into HDR files that almost every browser shows in HDR.
How to publish HDR photos on your website
A practical guide to putting HDR photos on a web page: why one file is not enough, the multi-format set and HTML that reach almost every browser, what breaks the HDR on the way, and how to check the result.
Why your HDR photos look flat after uploading
Two reasons an HDR photo looks flat on a web page: the browser cannot show that format in HDR, or an upload step re-encoded the file. How to spot each one and how to publish so it stays HDR.