WebP und AVIF sind moderne, platzsparende Bildformate, die bei vergleichbarer Qualität deutlich kleinere Dateien als JPEG oder PNG ermöglichen und so die Ladezeit verbessern.Zum Glossareintrag → und AVIF sind moderne Bildformate, die für das Web entwickelt wurden. Sie liefern bei vergleichbarer visueller Qualität deutlich kleinere Dateigrössen als ältere Formate wie JPEG oder PNG. Kleinere Bilder bedeuten kürzere Ladezeiten und sind oft ein zentraler Hebel zur Verbesserung des Largest Contentful Paint (LCP) misst, wann das grösste sichtbare Inhaltselement im sichtbaren Bereich geladen ist, und steht damit für die wahrgenommene Ladegeschwindigkeit.Zum Glossareintrag →, da Bilder häufig das grösste Element einer Seite sind.
In der Praxis bedeutet der Einsatz dieser Formate:
- grosse Hero- und Produktbilder in WebP oder AVIF ausliefern statt in unkomprimiertem PNG,
- Bilder zusätzlich passend dimensionieren und komprimieren,
- WebP/AVIF mit responsiven Bildern (
srcset) kombinieren.
Ein typischer Fehler ist, ein grosses, unkomprimiertes PNG als wichtigstes Bild auszuliefern. Die Umwandlung in WebP oder AVIF reduziert das Gewicht oft erheblich, ohne dass die wahrnehmbare Qualität leidet. Wichtig bleibt, auch bei modernen Formaten auf sinnvolle Bildgrössen und Alt-Texte zu achten.