PNG zu SVG Vektorisierer

Dieses Tool zeichnet ein Pixelbild nach und macht daraus ein SVG aus farbigen Formen. Lege ein PNG ab (oder eine JPEG-, WebP-, GIF-, BMP- oder AVIF-Datei), und das Ergebnis erscheint neben dem Original. Du kannst den SVG-Code kopieren oder ihn als .svg-Datei herunterladen.

Was bewirken die Einstellungen?

Die vier Voreinstellungen übernehmen die Werte aus der Demo-Galerie von vtracer selbst. Standard ist der Zustand, in dem die Regler jener Demo starten. S/W ist dasselbe mit eingeschalteter Zweiton-Nachzeichnung, passend für Strichzeichnungen, Unterschriften und Schablonen. Poster erhöht den Fleckenfilter und vergrößert den Abstand, den eine Farbe überwinden muss, bevor eine neue Ebene beginnt, sodass flache Grafiken mit weniger und größeren Formen herauskommen. Foto filtert noch stärker, behält die feinsten Farbabstufungen und zieht die Eckenschwelle auf ihr Maximum, sodass fast jede Richtungsänderung zu einer weichen Kurve wird. Sobald du einen einzelnen Regler bewegst, springt die Auswahl auf Eigene.

Unter den Voreinstellungen liegen die einzelnen Regler. Die Kurvenart wählt zwischen Pixel (eckige Umrisse, keine Glättung), Polygon (gerade Segmente) und Spline (weiche Kurven). Flecken filtern verwirft jeden Bereich, der kleiner ist als ein Quadrat der angegebenen Größe, und genau so wird JPEG-Rauschen entfernt. Die Farbgenauigkeit bestimmt, wie viele Bits pro Kanal übrig bleiben, und der Ebenenabstand legt fest, wie weit zwei Farben auseinanderliegen müssen, bevor eine neue Ebene beginnt. Ebenen lassen sich stapeln oder gegenseitig ausschneiden. Die Gruppe Kurvenanpassung (Eckenschwelle, Segmentlänge, Verbindungsschwelle, maximale Durchläufe) gilt nur für Polygon und Spline und verschwindet deshalb im Pixelmodus.

Wird mein Bild irgendwohin hochgeladen?

Nein. Das Nachzeichnen läuft per WebAssembly im Browser, und zwar in einem Hintergrund-Worker, damit die Seite währenddessen bedienbar bleibt. Das Bild wird in ein Canvas gelesen, an diesen Worker übergeben, und der erzeugte Code geht direkt in die Vorschau. Nichts verlässt dein Gerät, und nach dem Schließen des Tabs bleibt keine Kopie zurück.

Warum wird aus einem Foto eine riesige Datei?

Beim Nachzeichnen werden Bereiche ähnlicher Farbe gesucht. Ein Foto mit weichen Verläufen zerfällt dabei in Tausende überlappender Formen. Wenn die Ausgabe zu unhandlich wird, erhöhe den Fleckenfilter, senke die Farbgenauigkeit und vergrößere den Ebenenabstand. Am besten funktioniert die Vektorisierung bei Bildern, die schon flächige Farben haben.

Typische Gründe dafür: ein Logo vergrößern, das nur noch als Bitmap existiert, eine eingescannte Zeichnung so aufbereiten, dass eine Schneidemaschine oder ein Laser ihr folgen kann, oder eine Grafik in ein Format bringen, das in jeder Größe scharf bleibt. Das Nachzeichnen ist eine Schätzung der Formen und keine Wiederherstellung des Originals, also plane etwas Nachjustieren ein. Zum Format selbst lohnt die SVG-Dokumentation von MDN. Der Tracer ist VTracer, nach WebAssembly kompiliert.