Flexible Bilder mit srcset und sizes

In diesem Beispiel sind per srcset-Attribut im img-Tag 5 Bildgrößen hinterlegt, die nach Bedarf automatisch vom Browser ausgewählt werden (funktioniert im Internet Explorer erst ab Edge). Mittels sizes-Attribut wird das Anzeige-Schema für die Bilder nebeneinander oder untereinander je nach Viewport-Weite bestimmt.

Dummy-Bild Dummy-Bild