CFN
AVIF vs WEBP

AVIF vs WEBP: Der Kampf der Bildformate der nächsten Generation

AVIF vs WEBP: Dateigröße, Browser-Unterstützung, Kodiergeschwindigkeit und welches Next-Gen-Format du 2026 auf deiner Website ausspielen solltest.

Schnelles Urteil

AVIF für statische Bilder, die du einmal kodierst (Blog-Hero, Produktfotos, Marketing-Site). WEBP, wenn Kodiergeschwindigkeit zählt oder du 100 % Abdeckung moderner Browser mit einem Format brauchst.

AVIF und WEBP sind beides moderne Bildformate, die JPG und PNG ablösen sollen. AVIF (veröffentlicht 2019) nutzt AV1-Videokompression und erzeugt Dateien 20–50 % kleiner als WEBP bei gleicher Qualität. WEBP (veröffentlicht 2010) ist älter, kodiert aber viel schneller und wird etwas breiter unterstützt.

Der Kompromiss: AVIF ist der stärkste Kompressor am Markt, aber das Kodieren dauert 10–50× länger als bei WEBP, und das Dekodieren im Browser ist etwas aufwendiger. Für einen statischen Blog oder eine Marketing-Site ist die AVIF-Kodierzeit den Aufwand wert. Für eine dynamische Bild-Pipeline, in der du bei jedem Request kodierst, ist WEBP die sicherere Wahl.

Merkmal AVIF WEBP
Veröffentlicht 2019 2010
Kompressionsbasis (vs JPG) ~50 % kleiner ~30 % kleiner
Kodiergeschwindigkeit Langsam (10–50× WEBP) Schnell
Dekodieren im Browser Mittel Schnell
Browser-Unterstützung 93 %+ 97 %+
Transparenz Ja Ja
Animation Ja Ja
HDR / breite Farbe Ja (10-Bit, 12-Bit) Nein (nur 8-Bit)
Am besten für Statisch kodierte Bilder Echtzeit- / Pipeline-Kodierung

Nutze AVIF, wenn

  • du einmal kodierst und vielfach ausspielst (CDN-gecachte statische Assets).
  • dir Seitengewicht und Core Web Vitals besonders wichtig sind.
  • du HDR-Fotos veröffentlichst und den Vorteil des erweiterten Farbumfangs willst.
  • deine Zielgruppe moderne Browser nutzt (>93 %).

Nutze WEBP, wenn

  • du on-demand kodierst (Bild-Proxy, dynamische Größenänderung pro Gerät).
  • du die größtmögliche Unterstützung moderner Browser mit einem einzigen Format brauchst.
  • du das sicherere, ausgereiftere Format mit größerem Tool-Ökosystem willst.

Konvertiere PNG/JPG heute zu WEBP (AVIF folgt bald)

FAQ

Ist AVIF wirklich 50 % kleiner als WEBP?
In Benchmarks ja — AVIF ist im Schnitt 20–50 % kleiner bei gleicher visueller Qualität. Das genaue Verhältnis hängt vom Bildinhalt ab; Fotografien profitieren am meisten, einfache Grafiken am wenigsten.
Warum ist die AVIF-Kodierung so langsam?
AVIF nutzt AV1, einen Video-Codec, der Intra-Frame-Kompression mit vielen kleinen Blockgrößen-Optimierungen macht. Jedes „Bild" ist im Grunde ein einzelner AV1-Keyframe — und AV1-Keyframes sind rechnerisch aufwendig zu kodieren.
Funktioniert AVIF auf iPhones?
iOS 16+ unterstützt AVIF in Safari nativ. Ältere iPhones nicht.
Soll ich sowohl AVIF als auch WEBP ausliefern?
Für maximale Abdeckung und kleinste Dateigröße pro Nutzer: ja — nutze HTML <picture> mit type="image/avif" zuerst, dann type="image/webp", dann JPG/PNG als Fallback. Moderne Bild-CDNs machen das automatisch.

Ähnliche Werkzeuge