HTMLImageElement : propriété srcset

Baseline Widely available

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis ⁨juillet 2015⁩.

La propriété srcset de l'interface HTMLImageElement identifie une ou plusieurs chaînes candidates d'image, séparées par des virgules (,), chacune définissant des ressources d'image à utiliser dans des circonstances données. Chaque chaîne candidate d'image contient une URL d'image et un descripteur de largeur ou de densité de pixels optionnel qui indique les conditions dans lesquelles cette candidate doit être utilisée à la place de l'image définie par la propriété src. Elle reflète l'attribut de contenu srcset de l'élément <img>.

La propriété srcset, ainsi que la propriété sizes, sont des éléments essentiels pour concevoir des sites web adaptatif, car elles peuvent être utilisées ensemble pour créer des pages qui utilisent des images adaptées à la situation de rendu.

const img = new Image();
img.srcset =
  "/fr/docs/Web/HTML/Reference/Elements/img/clock-demo-400px.png 2x, /fr/docs/Web/HTML/Reference/Elements/img/clock-demo-200px.png";
img.alt = "Une image d'exemple";