AVIF vs WebP
Zwei moderne Bildformate: AVIF treibt Kompression und Farbe weiter voran, während WebP eine breitere und ausgereiftere Unterstützung bietet.
AVIF ist ein Bildformat, das vom Videocodec AV1 abgeleitet ist und auf starke Kompression sowie auf die Unterstützung von HDR und weitem Farbraum ausgelegt wurde. WebP wurde von Google entwickelt, basiert auf der VP8/VP9-Linie, ist seit 2010 verfügbar und wird heute von nahezu allen Browsern unterstützt. Beide beherrschen verlustbehaftete und verlustfreie Modi, Transparenz und Animation, unterscheiden sich jedoch in der Kompressionseffizienz, den Farbfähigkeiten und darin, wie breit sie in Software und Betriebssystemen unterstützt werden.
| AVIF | WebP | |
|---|---|---|
| Kompression (verlustbehaftet & verlustfrei) | Sowohl verlustbehaftet als auch verlustfrei. Erzeugt bei vergleichbarer Qualität in der Regel kleinere Dateien als WebP, besonders bei verlustbehafteten Bildern. | Sowohl verlustbehaftet als auch verlustfrei. Verlustbehaftet ist typischerweise 25-35 % kleiner als JPEG; verlustfrei ist meist kleiner als PNG. |
| Transparenz / Alphakanal | Unterstützt, auch im verlustbehafteten Modus, mit vollständigem Alphakanal. | Unterstützt, auch im verlustbehafteten Modus, mit vollständigem Alphakanal. |
| Animation | Unterstützt über Bildsequenzen. | Unterstützt; eine gängige, kleinere Alternative zum animierten GIF. |
| Farbtiefe / HDR / weiter Farbraum | Bis zu 10- und 12-Bit-Farbe, HDR und weite Farbräume (z. B. Rec. 2020). | Nur 8-Bit-Farbe; keine Unterstützung für HDR oder weiten Farbraum. |
| Browser- & Betriebssystem-Unterstützung | Unterstützt in aktuellem Chrome, Firefox, Safari und Edge sowie in neueren Versionen von macOS, iOS, Android und Windows; ältere Versionen und manche Tools bieten möglicherweise keine Unterstützung. | Breite, ausgereifte Unterstützung in allen wichtigen Browsern sowie in den meisten modernen Bildprogrammen und Betriebssystemen. |
| Bearbeitung & Software-Unterstützung | Das Dekodieren kann langsamer sein; die Unterstützung in Werkzeugen und Editoren holt noch auf. | Schnelleres Dekodieren; wird breit von Editoren, CMS-Plattformen und Bibliotheken unterstützt. |
Wähle AVIF, wenn
- du bei einer bestimmten visuellen Qualität die kleinste Dateigröße willst, vor allem bei fotografischen, verlustbehafteten Bildern.
- deine Bilder HDR, eine Farbtiefe von 10/12 Bit oder einen weiten Farbraum wie Rec. 2020 nutzen.
- du für Clients ohne AVIF-Unterstützung einen modernen Fallback ausliefern kannst (z. B. über das picture-Element).
- Einsparungen bei Bandbreite und Speicher wichtiger sind als maximale Kompatibilität oder schnelles Dekodieren.
Wähle WebP, wenn
- du heute eine breite, verlässliche Unterstützung über Browser, Betriebssysteme und Bearbeitungswerkzeuge hinweg brauchst.
- du ein einziges modernes Format willst, das im Web sowohl JPEG als auch PNG zuverlässig ersetzt.
- schnelleres Dekodieren und geringere Verarbeitungslast Priorität haben, etwa auf leistungsschwächeren Geräten.
- 8-Bit-Farbe ausreicht und du kein HDR oder keinen weiten Farbraum benötigst.
Nimm AVIF, wenn du die beste Kompression oder HDR-/Weitgamut-Farbe brauchst und einen Fallback für nicht unterstützte Clients bereitstellen kannst. Nimm WebP, wenn du ein gut unterstütztes, schnell dekodierendes modernes Format willst, das mit weniger Konfiguration fast überall funktioniert. Für die Web-Auslieferung liefern viele Seiten zuerst AVIF aus und greifen dann auf WebP, danach auf JPEG/PNG zurück.