HTMLImageElement: srcset-Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Die srcset-Eigenschaft des HTMLImageElement-Interfaces identifiziert einen oder mehrere Bildkandidaten-Strings, die durch Kommas (,) getrennt sind und jeweils Bildressourcen angeben, die unter bestimmten Umständen verwendet werden sollen. Jeder Bildkandidaten-String enthält eine Bild-URL und einen optionalen Breiten- oder Pixeldichtedeskriptor, der angibt, unter welchen Bedingungen dieser Kandidat anstelle des durch die src-Eigenschaft angegebenen Bildes verwendet werden sollte. Sie spiegelt das srcset-Inhaltsattribut des <img>-Elements wider.
Die srcset-Eigenschaft, zusammen mit der sizes-Eigenschaft, ist ein wesentlicher Bestandteil beim Entwurf responsiver Websites. Sie können zusammen verwendet werden, um Seiten zu erstellen, die für die jeweilige Darstellungssituation geeignete Bilder verwenden.
Wert
Ein String. Weitere Informationen zur Syntax des srcset-Attributs finden Sie im HTML-Referenzabschnitt <img>.
Beispiele
Das srcset-Attribut setzen
const img = new Image();
img.srcset =
"/en-US/docs/Web/HTML/Reference/Elements/img/clock-demo-400px.png 2x, /en-US/docs/Web/HTML/Reference/Elements/img/clock-demo-200px.png";
img.alt = "An example picture";
Spezifikationen
| Specification |
|---|
| HTML # dom-img-srcset |