← Back to release summary

CSS dynamic-range-limit property

Category

Graphics

Type

New or changed feature

Status

Enabled by default (Chrome 136)

Intent stage

Start incubating

Summary

Enables a page to limit the maximum brightness of HDR content.

Motivation

Several applications that show galleries of images and videos have indicated that, when there is a mix of high dynamic range (HDR) and standard dynamic range (SDR) content in a gallery view, the contrast between the brightnesses of the content can be jarring. They would prefer that the HDR images be limited in their brightness when in the gallery, and only expanded on demand (e.g, when hovered, clicked on, etc). This CSS property enables this behavior. It also mirrors existing and in-development native APIs.

Standards & signals

• Specification: https://drafts.csswg.org/css-color-hdr/#controlling-dynamic-range
• Firefox: No signal
• Safari: No signal — WebKit engineers have expressed positive views of this proposal (it is similar to features available on macOS and iOS).
• Web developers: Positive — Adobe has endorsed this proposal. Internal developers at Google have also requested this proposal.
• Tracking bug: https://crbug.com/1470298

Samples: https://ccameron-chromium.github.io/hdr-headroom-limit/example.html

Explainers: https://github.com/ccameron-chromium/hdr-headroom-limit/blob/main/EXPLAINER.md

View on chromestatus.com