AVIF vs PNG: Welches Bildformat
sollten Sie wann verwenden?

Schnellvergleich

Komprimierung: Warum AVIF-Dateien so viel kleiner sind

AVIF verwendet den AV1-Video-Codec für Standbilder. AV1 wurde von der Alliance for Open Media (Google, Apple, Microsoft, Netflix und anderen) entwickelt und repräsentiert jahrzehntelange Videokomprimierungsforschung, angewendet auf Bilder.

PNG verwendet die DEFLATE-Komprimierung (dieselbe wie bei ZIP-Dateien), angewendet auf jede Pixelzeile. Sie ist verlustfrei — jeder Pixel wird exakt erhalten. Dies garantiert perfekte Qualität, bedeutet aber, dass Dateien für Fotografien von Natur aus groß sind.

Der Unterschied ist bei fotografischen Inhalten dramatisch:

• Ein 1920×1080-Foto: PNG ~4 MB vs AVIF ~100 KB (40x kleiner)
• Ein 4K-Foto: PNG ~15 MB vs AVIF ~300 KB (50x kleiner)
• Ein einfaches Logo mit Volltonfarben: PNG ~15 KB vs AVIF ~8 KB (2x kleiner)

Die Einsparungen sind bei Fotografien am größten, da die verlustbehaftete Komprimierung von AVIF hervorragend darin ist, visuelle Redundanzen zu entfernen, die für das menschliche Auge nicht wahrnehmbar sind. Bei einfachen Grafiken mit Volltonfarben ist der verlustfreie Ansatz von PNG bereits effizient, sodass der Unterschied geringer ausfällt.

Visuelle Qualität: Verlustbehaftet vs verlustfrei

PNG ist immer verlustfrei. Jeder Pixel in der Ausgabe ist identisch mit der Eingabe. Das macht PNG zum Goldstandard für:

• Screenshots (Text muss pixelscharf sein)
• Diagramme und technische Zeichnungen
• Logos und Icons
• Quelldateien für die weitere Bearbeitung
• QR-Codes (jeder Pixel zählt)

AVIF unterstützt sowohl verlustbehaftete als auch verlustfreie Modi. Im verlustbehafteten Modus (Standard) verwirft AVIF Informationen, die das menschliche Auge nicht leicht wahrnehmen kann. Bei hohen Qualitätseinstellungen (CRF 18–23) ist der Unterschied zum Original praktisch unsichtbar. Bei aggressiven Einstellungen (CRF 40+) werden Blockartefakte und Farbverschiebungen sichtbar.

Im verlustfreien Modus erzeugt AVIF pixelgenaue Ausgaben wie PNG, jedoch bei ca. 20–30 % kleineren Dateigrößen. Allerdings ist die verlustfreie AVIF-Kodierung im Vergleich zu PNG sehr langsam.

Transparenz

Beide Formate unterstützen volle 8-Bit-Alphakanal-Transparenz — jeder Pixel kann 256 Opazitätsstufen von vollständig transparent bis vollständig deckend haben. Dies ermöglicht glatte geglättete Kanten, Verläufe und halbtransparente Überlagerungen.

Wichtiger Unterschied: Transparente AVIF-Dateien sind deutlich kleiner als transparente PNGs. Ein Produktfoto auf transparentem Hintergrund kann als PNG 3 MB groß sein, als AVIF aber nur 80 KB. Das macht AVIF besonders attraktiv für E-Commerce-Produktbilder.

Browser-Unterstützung

PNG wird von jedem jemals erstellten Browser unterstützt — 100 % Kompatibilität, null Risiko.

AVIF-Unterstützung Stand 2026:

• Chrome 85+ (August 2020) — volle Unterstützung
• Firefox 93+ (Oktober 2021) — volle Unterstützung
• Edge 85+ (wie Chrome)
• Opera 71+ (wie Chrome)
• Safari 16.4+ (März 2023) — volle Unterstützung
• Samsung Internet 16+ — volle Unterstützung
• Internet Explorer — keine Unterstützung (eingestellt)

Die weltweite Unterstützung liegt bei ca. 95 %. Für die verbleibenden 5 % verwenden Sie das <picture>-Element mit einem PNG- oder JPEG-Fallback:

Software-Unterstützung

Hier hat PNG einen massiven Vorteil. PNG wird von jedem Bildbearbeitungsprogramm, CMS, E-Mail-Client, Office-Paket und Betriebssystem unterstützt. Die AVIF-Unterstützung wächst, ist aber noch begrenzt:

Das ist der Hauptgrund, warum AVIF in PNG konvertiert wird — das Bild muss in einer Software oder einem Workflow verwendet werden, die AVIF noch nicht unterstützt.

Wann AVIF verwenden

• Website-Fotografien: Produktbilder, Hero-Banner, Blogbeitragsbilder. AVIF bietet das beste Qualitäts-Größen-Verhältnis aller Formate.
• Vorschaubilder und Galerien: Dutzende oder Hunderte von Bildern auf einer einzelnen Seite profitieren enorm von einer 50–90 % Größenreduzierung.
• Social-Media-Inhalte: Kleinere Uploads, schnelleres Teilen. Plattformen, die AVIF akzeptieren, zeigen es in voller Qualität an.
• Mobile-First-Websites: Kleinere Dateien bedeuten schnelleres Laden über Mobilfunkverbindungen und weniger Datenverbrauch für Besucher.
• CDN-Bereitstellung: AVIF an unterstützte Browser auszuliefern reduziert die Bandbreitenkosten erheblich. Verwenden Sie Content-Negotiation (Accept-Header), um AVIF oder PNG/JPEG entsprechend auszuliefern.

Wann PNG verwenden

• Screenshots: Text, UI-Elemente und scharfe Kanten müssen pixelgenau sein. Verlustbehaftetes AVIF kann Text leicht verwischen.
• Logos und Icons: Vektorartige Grafiken mit Volltonfarben und scharfen Kanten. PNG verarbeitet diese effizient und verlustfrei.
• Quell-/Archivdateien: Wenn Sie das Bild später bearbeiten müssen, behalten Sie das verlustfreie PNG. Die verlustbehaftete AVIF-Komprimierung entfernt Informationen dauerhaft.
• Druck: Druckdienstleister akzeptieren universell PNG und TIFF. Sehr wenige akzeptieren AVIF.
• E-Mail: E-Mail-Clients haben nahezu keine AVIF-Unterstützung. PNG ist die sichere Wahl für Bilder in E-Mails.
• Universelles Teilen: Sie senden ein Bild an jemanden, der möglicherweise keine AVIF-Unterstützung hat? Verwenden Sie PNG.
• Sprites und Spiel-Assets: Spiel-Engines und Sprite-Tools erwarten PNG. Pixelgenaue Präzision ist entscheidend.

Was ist mit WebP?

WebP liegt sowohl bei der Komprimierungseffizienz als auch bei der Kompatibilität zwischen PNG und AVIF:

Für die Web-Bereitstellung ist WebP ein pragmatischer Mittelweg: 50 % kleiner als PNG, nahezu universelle Browser-Unterstützung und gute Software-Kompatibilität. AVIF bietet bessere Komprimierung, aber mit langsamerer Kodierung und geringerer Kompatibilität. Viele Websites liefern AVIF mit WebP als Fallback und PNG als letzten Ausweg.