Konvertieren Sie AVIF in SVG – kostenloser Online-Konverter

AVIF ist ein Rasterbildformat, das pixelbasierte Bilddaten mit AV1-Komprimierung speichert, während SVG ein Vektorgrafikformat ist, das Formen, Pfade und Kurven mithilfe von XML-Markup beschreibt. Beim Konvertieren eines Raster-AVIF-Bilds in ein Vektor-SVG müssen die Pixeldaten in geometrische Pfade umgewandelt werden – eine grundlegend andere Darstellung, die sich am besten für Bilder mit klaren Formen, unterschiedlichen Farbbereichen und definierten Kanten eignet.

Der Nachverfolgungsprozess analysiert die dekodierten AVIF-Pixel und generiert SVG-Pfadelemente, die den Farbbereichen im Bild nahe kommen. Einfache Grafiken wie Logos, Symbole und Illustrationen lassen sich problemlos mit kleinen SVG-Dateigrößen konvertieren. Fotos erzeugen komplexe SVG-Dateien mit Tausenden von Pfaden, die normalerweise größer als die Quelle sind und denen die sanften Tonabstufungen des Originals fehlen.

SVG-Dateien sind auflösungsunabhängig, d. h. sie können ohne Pixelierung auf jede beliebige Größe skaliert werden. Dies macht SVG zum idealen Format für Logos, Symbole und Grafiken, die auf allem, vom mobilen Bildschirm bis zum großformatigen Ausdruck, gestochen scharf angezeigt werden müssen. Wenn Sie über eine AVIF-Version eines Logos oder einer einfachen Grafik verfügen, wird durch die Konvertierung in SVG eine skalierbare Version erstellt, die nie an Schärfe verliert.

SVG kann auch direkt in Designtools wie Illustrator, Figma und Inkscape bearbeitet werden. Die Vektorpfade können mithilfe von CSS oder JavaScript individuell ausgewählt, neu eingefärbt, umgeformt und animiert werden. Die Konvertierung von AVIF-Grafiken in SVG ermöglicht Design-Workflows, die mit Rasterformaten nicht möglich sind.

Das AVIF-Bild wird zunächst von Sharp in einen Rohpixelpuffer dekodiert. Die Pixeldaten werden dann von der vtracer-Vektorisierungs-Engine verarbeitet, die eine Farbclusterung durchführt, um verschiedene Regionen zu identifizieren, Konturpfade um jede Region herum nachzeichnet und die Pfadgeometrie durch Kurvenanpassung mit konfigurierbarer Präzision optimiert. Die Ausgabe-SVG enthält <path>-Elemente mit Füllfarben für jeden verfolgten Bereich. Parameter wie Farbgenauigkeit, Speckle-Filterung und Kurvenmodus können angepasst werden, um die Nachzeichnungsdetails zu steuern.