AVIF in SVG umwandeln

Ein Vereinswappen für ein neues Trikot, ein Vereinslogo für Fahnen oder ein Aufkleber für den Schneideplotter — genau dafür wird diese Umwandlung gebraucht, wenn die einzige verfügbare Datei ein AVIF ist, das eine Website oder eine Exportpipeline aus der eigentlichen Vektorvorlage erzeugt hat. Das Nachzeichnen funktioniert, indem Grenzen zwischen ähnlich gefärbten Flächen gesucht und mit einer Kontur nachgezogen werden.

Ein Foto hat solche Grenzen nicht — jeder Bereich ist ein Farbverlauf, keine Fläche. Ein Vereinswappen, ein Logo oder eine handgezeichnete Vorlage dagegen ist voller solcher Kanten und lässt sich sauber nachzeichnen. Wer eine Fotoaufnahme hat, sollte sie besser als PNG oder TIFF weiterverwenden statt hierher zu kommen — kein Einstellung auf dieser Seite ändert das.

AVIF existiert, um Webseiten leichter zu machen, und was Webseiten schwer macht, sind vor allem Fotos. Vereins- und Firmenwebsites liefern AVIF deshalb überwiegend für Produktbilder, Teamfotos oder Bannerbilder aus — und genau dieses Material zeichnet am schlechtesten nach. Wer ein Bild einfach von einer Website heruntergeladen hat, sollte deshalb vorher prüfen, was tatsächlich darin steckt.

Die Ausnahme ist der Grund, warum diese Seite überhaupt sinnvoll ist. Manche Build-Pipelines wandeln jede Grafik in einem Verzeichnis pauschal in AVIF um, Vereinswappen und Logos eingeschlossen, und wer den Export bekommt, hat dann eine flache Vorlage in einem für Fotos gedachten Format gefangen. Diese Datei zeichnet sich hervorragend nach, und das ist eine echte Wiederherstellung, kein Kompromiss.

Jede andere Umwandlung auf dieser Seite nimmt eine Darstellung eines Bildes und schreibt eine andere Darstellung desselben Bildes. Diese hier liest das Bild und zeichnet etwas Neues, das ihm ähnelt. Kein Pixel, keine Farbkante der AVIF-Datei kommt unverändert in der SVG-Datei an.

In der Praxis heißt das: Das Ergebnis muss betrachtet, nicht einfach vertraut werden. Bei einem Vereinswappen kann das eine saubere Wiederherstellung sein oder eine unbrauchbare Annäherung, und nur ein Blick auf die tatsächliche Verwendungsgröße zeigt, welcher Fall vorliegt — Fehler beim Nachzeichnen sind in der Miniaturansicht unsichtbar und auf einer Fahne oder einem großen Banner sofort auffällig. Die AVIF-Datei bis dahin aufheben.

Vier Farben passen zu einem einfarbigen Vereinsemblem oder einem zweifarbigen Logo und liefern die wenigsten Pfade und die kleinste Datei. Acht ist die Voreinstellung und für die meisten flachen Illustrationen die richtige Wahl. Sechzehn und zweiunddreißig behalten mehr Schattierung und vervielfachen dabei die Zahl der Pfade.

Der Reflex, die Zahl hochzusetzen, führt meist in die falsche Richtung. Jede zusätzliche Farbstufe legt eine weitere Schicht Konturen über die darunterliegenden, sodass zweiunddreißig Farben bei einer Vorlage mit fünf tatsächlichen Farben nur eine größere, langsamere und nicht treuere Datei ergeben. Die zusätzlichen Pfade landen vor allem in den kantengeglätteten Rändern der Formen, wo eine verlustbehaftete AVIF-Kompression ohnehin am ungenauesten ist — die zusätzlichen Konturen beschreiben dann Kompressionsartefakte statt der eigentlichen Zeichnung. Bei vier oder acht anfangen und nur erhöhen, wenn im Ergebnis nachweislich etwas fehlt.

Die Detailstufe bestimmt, wie eng die nachgezogenen Konturen dem Pixelraster folgen. Glatt rundet Kurven ab und verwirft die kleinsten Sprenkel, ausgewogen ist die Voreinstellung, und scharf folgt den Pixeln so genau, dass eine Treppenstufe in der Quelle zur Treppenstufe im Vektor wird.

Was hier passt, hängt davon ab, wie die AVIF-Datei entstanden ist. Ein Bild, das eine verlustbehaftete AVIF-Kompression durchlaufen hat, trägt feine Blockartefakte an harten Kanten, und die scharfe Einstellung zeichnet diese Beschädigung originalgetreu in dauerhafte Pfadpunkte nach; die glatte Einstellung wirft sie zusammen mit etwas echtem Detail weg. Für ein Vereinslogo, das von einer Website stammt, ist Glätten meist die bessere Wahl. Scharf lohnt sich bei einer sauberen Quelle — einer verlustfrei geschriebenen AVIF-Datei oder einem Bildschirmfoto, wo das Pixelraster selbst die Zeichnung ist.

AVIF kennt einen vollen Alphakanal, SVG hat gar keinen Hintergrund — ein freigestelltes Wappen bleibt also freigestellt: Die transparenten Bereiche werden von keinem Pfad abgedeckt, und was darunterliegt, scheint durch. Für die Übertragung an einen Schneideplotter oder einen Sticker-Drucker ist genau das entscheidend, weil dort exakt die geschlossenen Umrisse gebraucht werden, nicht ein rechteckiges Bild mit weißem Rand.

Halbtransparente Pixel sind der schwierigere Teil. Eine Kante mit Kantenglättung ist ein Streifen teiltransparenter Pixel, und das Nachzeichnen in flachen Farben muss jeden davon entweder der Form zuschlagen oder nicht. Kanten kommen dadurch etwas härter zurück, als sie hineingingen — bei Sticker- oder Fahnengröße meist unsichtbar, bei der ursprünglichen Bildschirmgröße gelegentlich sichtbar.

Ein Wappen, das als AVIF vierzigtausend Pixel belegt, kann als dreißig Pfadbefehle herausgehen — dann ist die SVG-Datei ein Bruchteil der Größe und in jeder Auflösung scharf. Das ist der gute Fall, und er ist bei genau der Art von Vorlage häufig, für die diese Seite geschrieben ist.

Der schlechte Fall geht in die andere Richtung, und zwar deutlich. Eine SVG-Datei ist XML, jede Form steht als lesbarer Text mit ihren Koordinaten als Zahlen — und ein nachgezeichnetes Foto listet Tausende davon auf. Das braucht deutlich mehr Platz als ein Codec, der eigens für Fotos gebaut wurde. Der Vergleich wird nach dem Nachzeichnen angezeigt, bevor irgendetwas heruntergeladen wird, und ist die schnellste verfügbare Antwort auf die Frage, ob sich das gelohnt hat.

Sie öffnet in Inkscape, Illustrator und Figma, und jeder Pfad ist auswählbar und umfärbbar. Was fehlt, ist Struktur. Ein original gezeichnetes Vereinswappen hat einen Kreis, einen Schriftzug und einen Hintergrund als getrennte, benannte Objekte; ein nachgezeichnetes hat einen Stapel von Farbflächen, der zufällig so aussieht.

Deshalb eignet es sich gut zum Skalieren, für den Großdruck, für den Schneideplotter und zum massenhaften Umfärben — und schlecht dafür, einen einzelnen Buchstaben nachträglich zu ändern. Ein nachgezeichneter Schriftzug enthält gar keinen Text, nur Umrisse in Buchstabenform, kann also nicht neu gesetzt oder korrigiert werden. Existiert die ursprüngliche Vektordatei noch bei der Person, die das Wappen entworfen hat, ist eine kurze Nachricht mehr wert als jede Einstellung auf dieser Seite.

Stammt die AVIF-Datei von einer selbst betriebenen Website, hat die Build-Pipeline, die sie erzeugt hat, meist mit etwas Vektorischem angefangen — einem SVG oder einer Editordatei. Diese Quelle wiederzufinden kostet nichts und verliert nichts.

Soll das Bild lediglich groß gedruckt werden, ist Nachzeichnen manchmal gar nicht nötig. AVIF erlaubt bis zu 65.536 Pixel je Seite, sodass eine ordentlich aufgelöste Quelle für ein Poster oft schon reicht, und eine direkte Umwandlung nach TIFF oder PNG behält das Bild statt es neu zu erfinden. Die Faustregel: Nachzeichnen lohnt sich, wenn die Vorlage neu bearbeitet, unbegrenzt skaliert oder maschinell geschnitten werden muss — und nicht, wenn sie nur einmal in bekannter Größe gedruckt wird.

Einen ganzen Ordner mit Icons ablegen, und jede Datei wird mit denselben Einstellungen nachgezeichnet und gemeinsam als ZIP zurückgegeben. Das passt gut zu einem Satz von Grafiken, den eine Pipeline pauschal in AVIF umgewandelt hat — genau die Situation, die die meisten geeigneten Eingabedateien für diese Seite liefert.

Alles läuft auf dem eigenen Prozessor, es wird also nichts hochgeladen, es gibt keine Warteschlange, kein Konto und kein Tageslimit. Das bedeutet auch, dass sich die Einstellungen ändern und der Vorgang in Sekunden erneut ausführen lässt — bei dieser Umwandlung wichtiger als bei jeder anderen auf der Seite, weil das erste Ergebnis selten das ist, das am Ende behalten wird.