Responsive Images mit ’srcset‘

Bilder und Grafiken für Webbrowser in den geeigneten Maßen bereitzustellen ist spätestens seit der Einführung von Retina-Displays nicht mehr ganz so einfach wie früher. Es gibt zwar auch hier unterschiedliche Lösungen, allerdings sind diese oft auch mit Nachteilen verknüpft. Bspw. könnte mit JavaScript abgefragt werden, ob das aktuell verwendete Display eine hohe Pixeldichte hat und demnach ein hochauflösendes Bild bereitstellen. Bis das JavaScript fertig geladen ist passiert dann aber erst einmal gar nichts oder es wird zuerst das niedrig aufgelöste Bild geladen, was wiederum erhöhten/unnötigen Datenverbrauch bedeutet. „Responsive Images mit ’srcset‘“ weiterlesen