Sourceset (srcset)

Group Portrait
Bild von A.Davey

Das jeweils zur Breite des Browserfenster passende Bild wird automatisch eingefügt – und auch nur dieses wird vom Server geladen!

Code

<img
  src="p/group_portrait_900.jpg"
  alt="Group Portrait"
  srcset="
    p/group_portrait_1200.jpg 1200w,
    p/group_portrait_900.jpg   900w,
    p/group_portrait_640.jpg   640w,
    p/group_portrait_320.jpg   320w
  "
  sizes="100vw"
/>

Ausführlicher Artikel dazu: https://blog.kulturbanause.de/2014/09/responsive-images-srcset-sizes-adaptive/