PNG-zu-SVG-Konverter

Die Umwandlung packt das PNG nicht einfach in einen SVG-Container – sie analysiert das Bild, findet Bereiche ähnlicher Farbe und beschreibt deren Umrisse als mathematische Pfade. Ein scharfes zweifarbiges Icon lässt sich vielleicht in ein Dutzend saubere Formen nachzeichnen; eine verlaufsreiche Illustration kann Hunderte erzeugen, da jedes Farbband zu einem eigenen Pfad wird.

Deshalb zählt das Ausgangsbild hier mehr als bei den meisten Umwandlungen. Ein in 512×512 exportiertes Logo mit drei oder vier flachen Farben zeichnet sich in ein sauberes SVG nach, oft unter 10 KB, das sich auf jede Größe skalieren lässt, ohne eine einzige unscharfe Kante. Derselbe Vorgang auf ein 300-KB-Foto angewendet erzeugt ein SVG, das mehrere Hundert KB an Pfaddaten erreichen kann, während es trotzdem wie eine pixelige, blockige Annäherung des Originals aussieht.

Das Vektor-Nachzeichnen wurde für die Welt der Logos, Icons und Strichzeichnungen entwickelt, in der ein Bild eigentlich eine kleine Zahl flacher Farben mit sauberen Grenzen ist – genau das, was ein pfadbasiertes Format effizient beschreiben kann. Eine Fotografie ist das Gegenteil: kontinuierliche Verläufe von Millionen Farben ohne harte Kanten zum Nachzeichnen, der Algorithmus muss sie also mit einer begrenzten Palette an Formen annähern, was den pixeligen, cartoonartigen Look ergibt, den Fotos nach dem Vektorisieren bekommen.

Hat das Ausgangs-PNG schon weich geglättete Kanten – üblich bei Screenshots und gerenderten Grafiken –, werden diese Kanten zu sauberen, aber weniger exakten Umrissen vereinfacht. Bei einem Logo sieht das meist gut oder sogar schärfer aus; bei einer detaillierten Illustration kann es die Form feiner Details sichtbar ändern.

Bei der Art von Grafiken, für die SVG passt, ist die Größenersparnis real und groß: Ein einfaches flächiges PNG-Icon mit 15 KB kann sich auf 2–3 KB als SVG nachzeichnen, weil eine Handvoll Pfadbefehle ein ganzes Pixelraster ersetzt. Das zählt für ein Website-Icon-Set, das auf jeder Seite geladen wird, wo einige KB bei Dutzenden kleiner Bilder eingespart sich summieren.

Für jeden fotografischen Inhalt ist Vektorisieren das falsche Werkzeug für die Dateigröße – ein PNG oder JPG wird immer kleiner und genauer sein als ein SVG, das versucht, es mit Formen anzunähern.

Das Nachzeichnen läuft vollständig in deinem Browser, ein Logo oder Design-Element verlässt dein Gerät also nicht, bevor du entschieden hast, ob das Ergebnis gut genug zum Verwenden ist. Da das Ergebnis ein echtes SVG ist, bekommst du auch etwas, das ein PNG nie gibt: eine bearbeitbare Datei mit Pfaden, die du in einem Vektoreditor öffnen und Farbe für Farbe statt Pixel für Pixel anpassen kannst.