Lighting & Environment. Control the lighting and the environment surrounding <model-viewer>. This page showcases the background-image attribute, which links to an equirectangular projection image which is used as the skybox, and applied as an environment map to the model.

An equirectangular HDR background-image

An equirectangular HDR background-image

An equirectangular LDR background-image

An equirectangular background-image with a lit model

An equirectangular background-image with an unlit model

When both background-image and background-color are specified, the former takes precedence

Use environment-image to set environmental lighting without changing the background

Supports different background-image and environment-image images

Control render exposure with exposure

Control shadow with shadow-intensity and shadow-softness