Dynamic-range-limit - Propriété CSS

Schéma de la syntaxe de dynamic-range-limit.

Description de la propriété dynamic-range-limit.

On appelle "plage dynamique" le ratio entre les pus fortes luminance et les plus faibles dans une image ou une vidéo. Traditionnellement les contenus Web sont affichés en SDR (Standard Dynamic Range). Dans ce système la couleur la plus claire qui puisse être affichée est la blanc (#ffffff). En HDR (Hight Dynamic Range) la couleur la plus claire peut être au delà de ce blanc. Dans la réalité il y a pas mal d'objets extrêmement lumineux comme une ampoule électrique, ou bien sûr, le soleil.

Les moniteurs standards n'ont pas la capacité d'afficher des couleurs ayant une luminance supérieure à celle du blanc. Mais certains moniteurs parmi les plus récents en sont capables. De même le fichier image est spécial : il doit avoir 32 bits par couleur, au lieu de 8 bits dans le JPEG classique.

Lorsqu'une page offre à la fois du contenu SDR et du contenu HDR, comme par exemple dans une galerie affichant des images téléchargées par les internautes, la différence entre ces images peut être choquante : les images HDR paraissent plus brillantes. C'est là qu'intervient la propriété dynamic-range-limit.

dynamic-range-limit permet de définir la luminance maximale des images ou vidéo HDR. Si on reprend l'exemple de notre galerie d'images, lorsque les images sont affichées côte à côte, on peut sans problème limiter leur luminance, et ne la restituer que lorsque l'image est affichée seule, par exemple après un clic qui la met en plein écran.

Valeurs pour dynamic-range-limit.

• dynamic-range-limit: standard;

  La valeur standard limite l'affichage au blanc (white ou #ffffff) de façon à ce que la luminance des images HDR et des SDR soient identiques.

• dynamic-range-limit: no-limit;

  L'affichage des images ou vidéo HDR peut faire apparaître des couleurs en quelque sorte "plus blanc que blanc".

• dynamic-range-limit: constrained;

  contrained spécifie que la luminance maximale est légèrement supérieure à celle du blanc de référence HDR. Ainsi une page qui affiche aussi bien des images HDR que des images SDR paraissent homogènes. Le niveau précis n'est pas défini dans la spécification.

• dynamic-range-limit: dynamic-range-limit-mix(standard 20%, no-limit 80%);

  La fonction dynamic-range-limit-mix() calcule une limite intermédiaire entre deux ou plus des valeurs citées au dessus.

  Si la somme des pourcentages indiqués ne fait pas 100%, ceux-ci sont ajustés en plus ou en moins pour cette somme fassent bien 100%.

• dynamic-range-limit: initial; (high) dynamic-range-limit: inherit; dynamic-range-limit: revert; dynamic-range-limit: revertLayer; dynamic-range-limit: unset;

  Consultez les pages suivantes pour plus de détails : initial, inherit, revert, revert-layer, unset.

Exemple interactif avec la propriété dynamic-range-limit.

Pour que l'effet du changement de valeur soit visible, vous devez utiliser un écran capable de restituer des valeurs de luminosité supérieures au blanc (#FFFFFF).

Compatibilité des navigateurs avec dynamic-range-limit.

1

Propriété
dynamic-range-limit

Estimation de la prise en charge globale.

64%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

UC Browser pour Androïd

Opéra Mobile

QQ Browser

Baidu Browser

Opéra

Safari

Safari sur IOS

Chrome

Firefox

Samsung Internet

Edge

Androïd Brower

Chrome pour Androïd

Firefox pour Androïd

KaiOS Browser

Opéra mini

Voir le site Caniuse.com pour plus d'informations de compatibilité.

Caniuse

Histoire de la propriété dynamic-range-limit.

• Module CSS - Couleurs HDR - Niveau 1

  Concernant dynamic-range-limit. Introduction de la propriété dynamic-range-limit.
  

  17 Décembre 2024

  Document de travail.

  

  

  

Voir aussi, à propos des couleurs HDR.

Propriétés :