Was bringen Bildformate wie WebP und AVIF?
Kurz und einfach erklärt
Moderne Bildformate machen Bilder kleiner. Die Bilder sehen dabei gleich gut aus.
Bilder sind auf vielen Seiten der größte Teil der Daten. Kleinere Bilder helfen darum stark, damit der Hauptinhalt schneller erscheint.
Wir richten es so ein, dass jedes Bild von selbst in passenden Formaten und Größen entsteht. Ältere Browser erhalten eine passende Fassung.
So lädt jedes Gerät nur das Bild, das es braucht.
Moderne Bildformate liefern bei gleicher sichtbarer Qualität deutlich kleinere Dateien als die klassischen Formate JPEG und PNG. WebP spart gegenüber JPEG typischerweise 25 bis 35 Prozent (Google, 2023), AVIF erreicht sogar Einsparungen von 40 bis 50 Prozent. Da Bilder auf den meisten Websites den mit Abstand größten Anteil am übertragenen Datenvolumen ausmachen, ist das einer der wirkungsvollsten Einzelschritte für einen besseren LCP.
Entscheidend ist die saubere Umsetzung: Wir richten automatisierte Bildpipelines ein, die jedes hochgeladene Bild in den passenden Formaten und in mehreren responsiven Größen erzeugen und per srcset ausliefern. Ältere Browser erhalten automatisch ein kompatibles Fallback. So lädt jedes Gerät genau die Variante, die es braucht, ohne überdimensionierte Dateien. Mehr dazu auf der Seite zur Frontend-Optimierung.