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 , 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.