Glossar

Responsive Images

Responsive Images beschreibt die responsive Einbindung von Fotos für verschiedene Endgeräte. Ein Smartphone benötigt keine großformatigen Bilder, sondern kann mit kleineren Bildformaten besser umgehen. Die Ladezeiten werden verkürzt und teueres Datenvolumen wird eingespart.

Durch das neue srcset-Attribut und das neue picture-Element werden die Funktionen für den Webbrowser zur Verfügung gestellt. Im Grunde genommen werden dem Browser im HTML-Code verschiedene Bildformate angeboten. Je nach Endgerät und der entsprechenden Auflösung werden dann die passenden Fotos geladen.

Die neuesten Versionen von WordPress und Drupal unterstützen bereits Responsive Images.