HTMLImageElement: srcset-Eigenschaft

Baseline Weitgehend verfgbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Gerten und in vielen Browserversionen. Sie ist seit Juli 2015 browserbergreifend verfgbar.

Mehr erfahren
Vollstndige Kompatibilitt anzeigen

Die srcset-Eigenschaft des HTMLImageElement-Interfaces identifiziert einen oder mehrere Bildkandidaten-Strings, die durch Kommas (,) getrennt sind und jeweils Bildressourcen angeben, die unter bestimmten Umstnden verwendet werden sollen. Jeder Bildkandidaten-String enthlt 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 knnen zusammen verwendet werden, um Seiten zu erstellen, die fr die jeweilige Darstellungssituation geeignete Bilder verwenden.

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";