Responsive Bilder: das richtige Foto für jeden Bildschirm

Ein für einen grossen Bildschirm gedachtes Foto wiegt viel. Wird dasselbe riesige Foto so an ein kleines Handy gesendet, vergeudet man Daten und wertvolle Sekunden.

Responsive Bilder lösen das mit einer einfachen Idee: mehrere Versionen desselben Fotos in verschiedenen Grössen vorbereiten und den Browser die richtige für seinen Bildschirm wählen lassen. Das Handy bekommt eine leichte Version, der grosse Monitor eine scharfe. Niemand lädt mehr, als er braucht.

Warum es wirklich zählt

Die meisten Menschen surfen am Handy, oft mit einer Mobilverbindung, die schwere Dateien nicht verzeiht. Eine Seite, die allen dasselbe riesige Bild sendet, zwingt die Hälfte ihrer Besucher zu unnötigem Warten. Jedem die richtige Grösse zu geben macht die Seite dort schneller, wo es am meisten zählt, und verbessert auch das Ranking, das Geschwindigkeit belohnt.

Es ist eines jener unsichtbaren Details, das niemand bemerkt, doch alle spüren, wie ein Warten, das schlicht nicht da ist.

So machen wir das: wir liefern jedem Bildschirm die richtige Version jedes Bildes, damit die Seite für alle schnell und leicht bleibt.