Visualizing High Dynamic Range Images in a Web Browser

We present a technique for embedding high dynamic range (HDR) images with interactive exposure control in a web browser. Multiple exposures are encoded as a combination of several basis images, which are stacked together and displayed with different opacity values. The combination of such basis images yields the resulting exposure image. An intuitive interface based on JavaScript callback functions provides control over exposure setting. The technique allows us to encode a series of 24 or more exposure images using only three basis images, without noticeable artifacts. A toolkit for generating web pages with an HDR image viewer is provided.