AVIF ist das Bildformat der nächsten Generation, das 50% kleinere Dateien als JPEG bei besserer Qualität verspricht. Aber wenn Sie AVIF als Ausgabeformat wählen und die Datei größer statt kleiner wird — dann unterstützt Ihr Browser die AVIF-Enkodierung faktisch nicht.

Was ist AVIF?

AVIF (AV1 Image File Format) ist ein modernes Bildformat basierend auf dem AV1-Videocodec. Es wurde von der Alliance for Open Media (AOMedia) entwickelt und bietet wirklich beeindruckende Komprimierungsfähigkeiten:

  • 50% kleiner als JPEG bei vergleichbarer visueller Qualität
  • 20% kleiner als WebP bei vergleichbarer Qualität
  • Unterstützt HDR-Inhalte (High Dynamic Range)
  • Unterstützt Transparenz (Alphakanal)
  • Unterstützt Animation (als GIF-Ersatz)
  • Royalty-frei und Open Source

Nach allen Maßstäben ist AVIF die Zukunft der Web-Bilder. Doch es gibt einen wichtigen Unterschied zwischen Dekodieren (Anzeigen) und Enkodieren (Erstellen) von AVIF-Bildern.

Dekodieren vs. Enkodieren: Der entscheidende Unterschied

Die meisten modernen Browser können AVIF-Bilder problemlos anzeigen. Chrome, Firefox, Safari und Edge unterstützen alle das AVIF-Dekodieren — das heißt, sie können AVIF-Bilder auf Webseiten ohne Probleme darstellen.

Aber Enkodieren — tatsächlich eine AVIF-Datei von Grund auf erstellen — ist eine völlig andere Geschichte. Das erfordert, dass der Browser AVIF-Enkodierung in seiner Canvas-API implementiert, was rechenintensiv und viel schwerer umzusetzen ist als Dekodieren.

Browser AVIF-Enkodierungs-Unterstützung (Stand März 2026)

BrowserAVIF-DekodierungAVIF-Enkodierung (canvas.toBlob)
Chrome 121+✅ Ja✅ Ja
Firefox✅ Ja❌ Nein
Safari✅ Ja❌ Nein
Edge✅ Ja✅ Ja (Chromium-basiert)
Mobile Chrome✅ Ja✅ Ja
Mobile Safari✅ Ja❌ Nein

Was tatsächlich passiert, wenn Ihr Browser AVIF-Enkodierung nicht unterstützt

Hier wird es interessant — und verwirrend. Wenn Sie AVIF als Ausgabeformat wählen, Ihr Browser aber AVIF nicht enkodieren kann, passiert Folgendes:

Der stille Fallback

Die Methode canvas.toBlob(callback, 'image/avif', quality) der Canvas-API wirft keinen Fehler, wenn AVIF-Enkodierung nicht unterstützt wird. Stattdessen macht sie etwas Heimliches:

  1. Sie fällt still auf das PNG-Format zurück
  2. Der MIME-Typ des resultierenden Blobs wird zu image/png statt image/avif
  3. Die Datei wird mit der Endung .avif gespeichert, aber der tatsächliche Inhalt ist PNG

Das bedeutet, Ihre „AVIF"-Datei ist in Wirklichkeit ein PNG im Verkleidungsanzug — und PNG ist ein verlustfreies Format, das typischerweise Dateien erzeugt, die 3-5-mal größer sind als das Original-JPEG. Deshalb wirkt Ihr Bild, als wäre es 5-mal größer geworden!

Die realen Auswirkungen

Stellen Sie sich dieses Szenario vor: Sie laden ein 500KB großes JPEG-Foto hoch und wählen AVIF als Ausgabeformat, erwarten eine Datei von etwa 250KB. Stattdessen:

  • Ihr Browser gibt still PNG aus → die Datei wird 2,5 MB
  • Die Dateiendung sagt .avif, aber der Inhalt ist PNG
  • Andere Tools könnten sie nicht öffnen, weil die Endung nicht zum Inhalt passt
  • Sie könnten denken, AVIF sei ein schreckliches Format, obwohl Ihr Browser es einfach nicht unterstützt

Wie wir AVIF-Unterstützung erkennen

Img Zip erkennt proaktiv, ob Ihr Browser AVIF-Enkodierung unterstützt. Wir erstellen eine winzige 1×1-Pixel-Canvas und versuchen, sie als AVIF zu enkodieren:

canvas.toBlob(blob => {
  if (blob !== null && blob.type === 'image/avif') {
    // AVIF-Enkodierung wird unterstützt!
  } else {
    // Nicht unterstützt — Warnung anzeigen
  }
}, 'image/avif');

Wenn der Browser einen Blob mit einem anderen Typ (wie image/png) oder null zurückgibt, wissen wir, dass AVIF-Enkodierung nicht verfügbar ist, und zeigen deutlich eine Warnung „Browser nicht unterstützt" im Formatwähler an.

Was ist mit dem ICO-Format?

ICO-Dateien (Icon) haben ein ähnliches Problem. Die Canvas-API unterstützt gar keine ICO-Enkodierung — kein Browser implementiert sie. Wenn Sie ICO als Ausgabe wählen, fällt der Browser auf PNG zurück, was eine Datei mit der Endung .ico, aber PNG-Inhalt ergibt.

Für Favicon-Zwecke akzeptieren moderne Browser tatsächlich PNG-Dateien mit der Endung .ico, sodass dieser Workaround oft funktioniert. Aber es ist keine echte ICO-Datei.

Was können Sie tun, wenn Ihr Browser AVIF nicht unterstützt?

Option 1: Stattdessen WebP verwenden

WebP wird von allen modernen Browsern sowohl zum Dekodieren als auch Enkodieren unterstützt. Es bietet 25-35% bessere Komprimierung als JPEG — nicht so gut wie die 50% von AVIF, aber dennoch hervorragend und universell unterstützt.

Option 2: Zu einem Chromium-basierten Browser wechseln

Wenn AVIF-Enkodierung für Sie wichtig ist, bieten Chrome 121+ und Edge (Chromium-basiert) derzeit die beste Unterstützung. Beide können AVIF über die Canvas-API enkodieren.

Option 3: Desktop-Software verwenden

Für professionelle AVIF-Enkodierung bieten dedizierte Desktop-Tools wie squoosh (Googles eigenes Tool), libavif oder Photoshop mit AVIF-Plugins zuverlässige Enkodierung unabhängig von der Browser-Unterstützung.

Die Zukunft der AVIF-Browser-Unterstützung

Die gute Nachricht ist, dass die AVIF-Enkodierungs-Unterstützung wächst. Da der AV1-Codec verbreiteter wird (angetrieben durch die Einführung von Video-Streaming), investieren Browser-Anbieter mehr in Enkodierungs-Unterstützung. Wir erwarten, dass Firefox und Safari in zukünftigen Updates AVIF-Canvas-Enkodierung hinzufügen werden.

Sobald alle großen Browser AVIF-Enkodierung unterstützen, werden browserbasierte Tools wie Img Zip in der Lage sein, jedem AVIF-Komprimierung zu liefern — die absolut beste Bildoptimierung ganz ohne Software-Installation.

Fazit

AVIF ist ein unglaubliches Format, aber die Browser-Enkodierungs-Unterstützung holt gerade erst auf. Wenn Sie beim Auswählen von AVIF eine Warnung „Browser nicht unterstützt" sehen, machen Sie sich keine Sorgen — das ist kein Bug, sondern eine Einschränkung Ihres aktuellen Browsers. Verwenden Sie WebP als zuverlässige Alternative oder wechseln Sie zu einem Chromium-basierten Browser für volle AVIF-Enkodierungs-Unterstützung.

Img Zip wird immer transparent darüber sein, was Ihr Browser kann und was nicht, damit Sie nie unerwartete Ergebnisse erhalten.

Komprimieren Sie jetzt Ihre Bilder — wir erkennen automatisch, was Ihr Browser unterstützt.