WebP und AVIF sind moderne Bildformate, die für eine effiziente Übertragung von Bildern entwickelt wurden. Durch starke Komprimierung können sie bei geeigneten Motiven kleinere Dateien als ältere Formate wie JPEG oder PNG ermöglichen.
Was ist WebP?
WebP ist ein von Google entwickeltes Bildformat. Es unterstützt sowohl verlustbehaftete als auch verlustfreie Komprimierung sowie Transparenz und Animationen.
Google gibt für eigene Vergleichstests an, dass verlustfreie WebP-Dateien etwa 26 Prozent kleiner als vergleichbare PNG-Dateien sein können. Verlustbehaftete WebP-Bilder fielen in diesen Tests bei vergleichbarer Qualität rund 25 bis 34 Prozent kleiner als JPEG-Dateien aus. Das tatsächliche Ergebnis hängt jedoch immer vom jeweiligen Bild und den gewählten Einstellungen ab.
Was ist AVIF?
AVIF steht für AV1 Image File Format und basiert auf der AV1-Bildkodierung. Das Format unterstützt verlustbehaftete und verlustfreie Komprimierung, Transparenz sowie hohe Farbtiefen und moderne Farbräume.
AVIF kann insbesondere bei Fotos sehr kleine Dateien erzeugen. Der konkrete Vorteil gegenüber WebP oder JPEG hängt jedoch stark von Motiv, Qualitätsstufe und Encoder ab.
WebP oder AVIF: Was ist besser?
Es gibt keine pauschal bessere Wahl für jedes Bild. AVIF erreicht häufig eine sehr effiziente Komprimierung, kann bei der Erstellung aber mehr Rechenzeit benötigen. WebP ist ebenfalls kompakt und seit längerer Zeit breit in Webwerkzeugen etabliert.
Für ein Website-Projekt lohnt sich deshalb ein praktischer Vergleich mit den tatsächlich verwendeten Bildern. Entscheidend ist nicht nur die Dateigröße, sondern auch die sichtbare Qualität.
Browser-Unterstützung
WebP wird von den großen aktuellen Browsern unterstützt. Google nennt unter anderem Chrome, Safari, Firefox und Edge.
Auch AVIF wird von modernen Versionen der großen Browser unterstützt. MDN nennt beispielsweise Unterstützung in Chrome, Firefox, Safari und aktuellen Edge-Versionen.
Für sehr alte Browser kannst Du über das HTML-Element <picture> alternative Formate anbieten.
Warum beeinflussen Bildformate die Ladezeit?
Bilder gehören auf vielen Websites zu den größten übertragenen Dateien. Kleinere Dateien benötigen weniger Bandbreite und können schneller heruntergeladen werden.
Das ist insbesondere für mobile Verbindungen relevant. Eine Umstellung des Formats allein löst jedoch nicht jedes Performance-Problem. Bilder sollten zusätzlich in passenden Abmessungen ausgeliefert und sinnvoll komprimiert werden.
WebP und AVIF für SEO
Moderne Bildformate können indirekt helfen, weil geringere Dateigrößen eine bessere Ladeperformance ermöglichen. Performance ist wiederum ein Bestandteil der Nutzererfahrung.
Das Format selbst sorgt jedoch nicht automatisch für bessere Rankings. Alternativtexte, sinnvolle Dateigrößen, korrekte Einbindung und relevante Inhalte bleiben ebenfalls wichtig.
Häufige Fragen
Was sind WebP und AVIF?
WebP und AVIF sind moderne Bildformate, die Bilder für das Web effizient komprimieren und dadurch kleinere Dateien ermöglichen können.
Ist AVIF besser als WebP?
Nicht in jedem Fall. AVIF kann sehr stark komprimieren, während WebP ebenfalls kompakte Dateien und breite Unterstützung bietet. Die beste Wahl hängt vom jeweiligen Bild und Projekt ab.
Unterstützen moderne Browser WebP und AVIF?
Ja. Aktuelle Versionen der großen Browser unterstützen beide Formate. Für ältere Systeme kannst Du bei Bedarf alternative Bildformate bereitstellen.
