Bleibt der transparente Hintergrund eines PNG beim Wechsel zu AVIF erhalten?

Ja, AVIF bietet volle Unterstützung für den Alphakanal, und die Transparenzinformation aus dem PNG wird unverändert übernommen. Zudem kann AVIF wie PNG auch weich verlaufende (teiltransparente) Pixelwerte speichern, die halbtransparenten Pixel am Rand Ihres Logos werden also nicht hart. In diesem Punkt unterscheidet sich AVIF von GIF, das Transparenz nur binär behandelt, und von JPG, das sie gar nicht unterstützt. Für Logos, Icons und Produktbilder mit Transparenzbedarf ist AVIF ein sicheres Ziel.

Ist die AVIF-Umwandlung verlustfrei, oder wird mein Bild beschädigt?

AVIF kann sowohl im verlustbehafteten als auch im verlustfreien Modus arbeiten; der in der Praxis fürs Web genutzte Standardmodus ist verlustbehaftet und verkleinert die Datei stark. Bei fotoähnlichen Inhalten ist dieser Verlust meist nicht mit bloßem Auge zu erkennen. Bei Grafiken mit scharfen Kanten, technischen Zeichnungen mit dünnen Linien oder Bildern mit kleiner Schrift kann die verlustbehaftete Kompression jedoch eine leichte Weichzeichnung an den Rändern erzeugen. Bei solchen Inhalten ist es besser, das Ergebnis direkt neben dem Original zu prüfen und nötigenfalls bei PNG zu bleiben.

Kann ich meine PNG-Datei nach der Umwandlung löschen?

Wir empfehlen, das nicht zu tun. Wurde das AVIF verlustbehaftet erzeugt, ist ein Teil der Information des ursprünglichen PNG unwiederbringlich verworfen; wenn Sie das Bild später bearbeiten, in anderer Größe neu erzeugen oder in ein anderes Format wandeln müssen, brauchen Sie das verlustfreie PNG als Quelle. Am sichersten ist es, das AVIF als Veröffentlichungskopie und das PNG als Archivkopie zu betrachten.

Kann jeder Browser AVIF öffnen?

Aktuelle Mainstream-Browser unterstützen AVIF, der größte Teil des heutigen Publikums sieht es also problemlos. Ältere Browserversionen, nicht aktualisierte Systeme in manchen Unternehmensumgebungen, alte Betriebssysteme und viele Desktop-Bildbearbeitungsprogramme können AVIF dagegen noch immer nicht öffnen. Wenn Sie es auf einer Website einsetzen, ist es am robustesten, mit dem ` `-Element AVIF als erste Quelle und JPG oder PNG als Rückfallquelle anzugeben.

Wie wandeln Sie eine PNG-Datei in das AVIF-Format um?

Warum ist PNG so groß?

PNG ist ein verlustfreies Format: Es speichert den Wert jedes Pixels im Bild, ohne irgendeine Information zu verwerfen. Für Screenshots, Logos und Grafiken mit Transparenzbedarf ist das eine hervorragende Eigenschaft — Kanten bleiben scharf, Text bleibt lesbar, und selbst nach vielfachem Speichern entsteht keine Degradation.

Im Web schlägt dieselbe Eigenschaft in einen Nachteil um. Speichern Sie ein fotoähnliches, farbenreiches Bild als PNG, erreicht die Datei schnell mehrere Megabyte. Wie gut Ihre Seite auch gestaltet ist: Wenn das beim Aufruf zu ladende Gesamtgewicht der Bilder groß ist, wird die Wartezeit auf mobilen Verbindungen spürbar.

Genau hier kommt AVIF ins Spiel.

Was macht AVIF, damit die Datei kleiner wird?

AVIF ist ein modernes Format, das die Bildkompressionsseite des Videocodecs AV1 nutzt. Weil Videocodecs seit Jahrzehnten an der Frage "Wie beschreibe ich dasselbe Bild mit weniger Daten?" entwickelt werden, ergibt dieser Erfahrungsschatz, auf ein Einzelbild angewandt, einen deutlichen Vorsprung gegenüber klassischen Formaten.

In der Praxis kann AVIF dieselbe visuelle Qualität mit weniger Daten transportieren als JPG und WEBP. Im Vergleich zum verlustfreien PNG fällt der Unterschied noch weit größer aus, denn PNG verwirft überhaupt keine Information.

Der eigentliche Vorteil von AVIF gegenüber PNG ist aber nicht nur die Größe:

Alphakanal-Unterstützung — die Transparenz bleibt erhalten, samt ihrer weichen Übergänge
Weiter Farbraum und HDR — kann eine Farbtiefe von 10 Bit und mehr transportieren
Verlustbehafteter und verlustfreier Modus — je nach Bedarf wählbar

Schritt für Schritt umwandeln

1. Wählen Sie Ihre PNG-Datei

Öffnen Sie unser Werkzeug für die Umwandlung PNG → AVIF und ziehen Sie Ihre Datei per Drag-and-drop hinein oder fügen Sie sie über die Dateiauswahl hinzu. Eine Registrierung ist nicht nötig.

2. Prüfen Sie den Dateityp

Das Werkzeug ist so konfiguriert, dass es ausschließlich PNG annimmt. Wenn Ihre Datei zwar die Endung .png trägt, in Wahrheit aber ein umbenanntes JPG ist, werden Sie den erhofften Transparenzgewinn bei der Umwandlung nicht sehen — denn in der Quelle gibt es schlicht keine Transparenz.

3. Richten Sie die Qualitätseinstellung nach dem Inhalt aus

Ein einziger Qualitätswert ist nicht für jedes Bild ideal, und das ist die am häufigsten vernachlässigte Entscheidung bei der Umwandlung.

Bei fotografischen Inhalten — Produktaufnahmen, Landschaften, natürliche Texturen — können Sie recht aggressiv vorgehen. Bei solchen Bildern gehen die Vereinfachungen der verlustbehafteten Kompression in der ohnehin unregelmäßigen Struktur unter, und das Ergebnis ist vom Original nicht zu unterscheiden.

Bei Bildern mit Text, dünnen Linien und scharfen Kanten braucht es dagegen einen deutlich höheren Qualitätswert. Hier geht jede verworfene Information direkt von der Schärfe einer Struktur ab; Buchstaben verweichen, feine Trennlinien verblassen.

Wenn Sie Ihre Bilder nach Art gruppieren und jede Gruppe mit der passenden Einstellung umwandeln, vermeiden Sie sowohl unnötig große Dateien als auch beschädigte Texte.

4. Testen Sie mit einer Stichprobe, bevor Sie ein großes Archiv umwandeln

Das ist der am häufigsten übersprungene und teuerste Schritt. Hunderte Dateien auf einmal umzuwandeln und das Ergebnis erst hinterher zu bemerken, ist ein Fehler ohne Rückweg.

Wählen Sie fünf bis zehn Dateien aus, die die Bandbreite Ihrer PNGs abbilden: ein Foto, ein transparentes Logo, einen Screenshot, ein Banner mit Schrift darauf. Wandeln Sie diese mit der gewählten Einstellung um und sehen Sie sich die Ergebnisse in voller Größe an. Liefert Ihre Einstellung bei allen ein akzeptables Resultat, können Sie zur Stapelverarbeitung übergehen.

Rechnen Sie außerdem damit, dass die AVIF-Codierung rechenintensiv ist. Weil der Encoder weit mehr Optionen abwägt, dauert der Vorgang spürbar länger, als dasselbe Bild in einem klassischen Format zu speichern. Bei kleinen Bildern geht es um Sekunden; bei einem Archiv aus Tausenden Dateien um eine Zeit, die man einplanen muss. Das ist kein Fehler, sondern liegt in der Natur des Formats.

5. Laden Sie das Ergebnis herunter und vergleichen Sie es mit dem Original

Öffnen Sie die heruntergeladene AVIF-Datei direkt neben dem ursprünglichen PNG. Achten Sie besonders auf folgende Punkte:

Sind die Ränder der transparenten Flächen sauber?
Sind dünne Linien und kleine Texte lesbar geblieben?
Ist in Farbverläufen Banding entstanden?

Wenn Sie Transparenz erwarten, legen Sie das Bild auf einen dunklen Untergrund und vergewissern Sie sich, dass die Ränder sauber geblieben sind; bei kantengeglätteten Logos zeigen sich aggressive Einstellungen genau hier.

Sind Sie mit dem Ergebnis zufrieden, prüfen Sie auch den Unterschied in der Dateigröße — meist ist der Gewinn bemerkenswert. Sind Sie es nicht, erhöhen Sie den Qualitätswert und versuchen es erneut; da Sie das ursprüngliche PNG noch haben, können Sie das beliebig oft wiederholen.

6. Planen Sie eine Rückfallquelle ein

Wenn Sie das Bild auf einer Website einsetzen, stellen Sie AVIF nicht allein hinein. Definieren Sie mit dem <picture>-Element zuerst AVIF und danach PNG oder JPG; ein Browser, der AVIF nicht öffnen kann, fällt still auf die Alternative zurück, und der Nutzer sieht keinen leeren Kasten.

Wann sollten Sie bei PNG bleiben?

AVIF ist nicht in jedem Fall die richtige Antwort. In folgenden Situationen ist es sinnvoller, PNG zu behalten:

Wenn das Bild eine Archivkopie ist. Eine verlustfreie Quelle ist für jede künftige Bearbeitung und Neuerzeugung erforderlich.

Wenn der Inhalt von scharfkantigen Grafiken oder kleinem Text geprägt ist. Bei Screenshots, Interface-Designs und technischen Zeichnungen kann die weichzeichnende Wirkung der verlustbehafteten Kompression die Lesbarkeit mindern.

Wenn das Bild in eine Bearbeitungssoftware geht. Viele Desktop-Programme können AVIF noch immer nicht öffnen; ein inkompatibles Format mitten in den Workflow zu setzen erzeugt unnötige Reibung.

Wenn Ihre Zielgruppe alte Geräte nutzt. In einem Kontext, in dem Sie keine Rückfallquelle anbieten können (z. B. ein E-Mail-Newsletter), kann AVIF riskant sein.

Reden wir offen über das Kompatibilitätsrisiko

Das ist der beim Wechsel zu AVIF am meisten unterschätzte Punkt, und man muss ihn ehrlich benennen: Eine AVIF-Datei lässt sich auf der Gegenseite womöglich gar nicht öffnen.

Aktuelle Mainstream-Browser unterstützen das Format, es auf der eigenen Webseite auszuliefern ist daher eine vernünftige Entscheidung. Sobald Sie die Datei jedoch als Datei in Umlauf bringen, ändert sich das Bild. An diesen Stellen ist mit Problemen zu rechnen:

Alte Geräte und lange nicht aktualisierte Betriebssysteme. Die Datei erscheint womöglich nicht einmal in der Vorschau.
Desktop-Programme. Ältere Photoshop-Versionen, klassische Bildbetrachter und die meisten Office-Programme kennen AVIF nicht.
Upload-Formulare. Viele E-Commerce-Backends, Kleinanzeigenportale und Antragssysteme prüfen Dateitypen über eine Positivliste, und AVIF steht dort meist nicht drauf.
E-Mail-Anhänge. Sie können nicht voraussetzen, dass der Empfänger die Datei öffnen kann.
Soziale Netzwerke und Messenger. Manche weisen sie ab, manche nehmen sie an und wandeln sie ins eigene Format um.

Die praktische Regel ist einfach: Liefern Sie AVIF auf einer Seite aus, die Sie selbst kontrollieren, und immer mit Rückfalloption; wenn Sie jemandem eine Datei schicken müssen, schicken Sie PNG oder JPG.

Vergessen Sie auch nicht, dass bei einem Element mit Transparenzbedarf Ihre Rückfalloption ein PNG sein muss — JPG unterstützt keinen Alphakanal und füllt transparente Flächen mit einer einfarbigen Fläche.

Zusammenfassung

Der Wechsel von PNG zu AVIF ist einer der wirksamsten Wege, um die Dateigröße von Bildern für die Veröffentlichung im Web erheblich zu senken, und die Transparenz geht dabei nicht verloren. Auf zwei Punkte müssen Sie dennoch achten. Erstens ist die Umwandlung im verlustbehafteten Modus eine Einbahnstraße; gehen Sie nicht weiter, ohne das ursprüngliche PNG aufzubewahren, und testen Sie bei textlastigen Bildern vor einer Massenkonvertierung unbedingt mit einer Stichprobe. Zweitens funktioniert AVIF nicht überall; gehen Sie nicht ohne definierte Rückfallquelle live, und greifen Sie auf klassische Formate zurück, wenn Sie die Datei weitergeben müssen.