Was ist PNG-zu-SVG-Nachzeichner?

PNG to SVG Tracer wandelt Rasterbilder (PNG, JPG) in skalierbare Vektorgrafiken um. Das Tool nutzt Kantenerkennung und Pfadverfolgung, um SVG-Dateien zu erzeugen, die sich verlustfrei auf jede Größe skalieren lassen. Gut geeignet für Logos, Icons und Illustrationen.

Fünf Presets decken die typischen Fälle ab: Logo/Flach, Icon, Illustration, Skizze und Foto. Schwellwert, Glättung, Detailgrad, Farbanzahl, Pfadvereinfachung und ein Entrastern-Filter liegen als Schieberegler offen, sodass sich das SVG so weit drücken lässt, bis die Pfadanzahl fällt, ohne dass die Kanten leiden. Ein Invertieren-Schalter behandelt helle Motive auf dunklem Grund, und ein Farbebenen-Editor lässt verrauschte Ebenen vor dem Download ausblenden. Eine flache Marke landet meist unter 5 KB.

Anleitung

1. Laden Sie ein PNG- oder JPG-Bild hoch, das Sie vektorisieren möchten.
2. Passen Sie Schwellenwert, Glättung und Detailgrad an, um die Nachzeichnungsqualität zu steuern.
3. Sehen Sie sich die SVG-Vorschau an und laden Sie die Vektordatei herunter.

Wann verwenden

• Ein altes Firmenlogo nachbauen, von dem nur noch ein PNG in niedriger Auflösung übrig ist.
• Icons für ein Designsystem vorbereiten, die bei 16 px und bei 256 px gleich knackig wirken müssen.
• Den Scan einer Bleistiftskizze in editierbare Vektorpfade für Figma oder Illustrator verwandeln.

Ergebnis

Ein Designer lädt ein 200×200 Pixel großes Logo-PNG hoch. Der Tracer erkennt Kanten und erzeugt ein gestochen scharfes SVG mit glatten Bézier-Kurven, das selbst auf einer Plakatwand perfekt aussieht.

Häufige Fragen

Bekomme ich damit aus einem Foto ein brauchbares SVG?

Eigentlich nicht. Fotos haben kontinuierliche Tonwertverläufe, die in tausende sich überlappender Pfade übersetzt werden; die Datei wird groß und das Ergebnis fleckig. Das Foto-Preset taugt nur für stilisierte Posterisierungseffekte, echte Fotos bleiben besser im Rasterformat.

Warum hat meine Ausgabe so viele winzige Pfade?

Meist hat das Quell-PNG Rauschen oder Antialiasing an den Kanten. Erhöhen Sie den Entrastern-Filter, um isolierte Flecken vor dem Tracen zu verwerfen, erhöhen Sie Vereinfachung, damit nahe Punkte verschmolzen werden, und reduzieren Sie die Farbanzahl, um feine Verlaufsstufen zu glätten, die sonst als separate Regionen getraced werden.

Was ist der Unterschied zwischen Schwellwert und Detail?

Der Schwellwert entscheidet, welche Pixel als Vorder- und welche als Hintergrund gelten (die Schwarz-Weiß-Grenze). Detail steuert, wie eng der Pfad anschließend der Pixelkante folgt. Hoher Schwellwert plus niedriges Detail gibt eine saubere Silhouette; niedriger Schwellwert plus hohes Detail behält die Textur.

Kann ich die Originalfarben behalten?

Ja. Setzen Sie den Farbregler über 2, dann quantisiert der Tracer das Bild in entsprechend viele Farbzonen, die jeweils als eigener SVG-Pfad mit passender Füllung herauskommen. Zwei bis sechs Farben funktionieren bei flachen Illustrationen am besten.

Ist das SVG kleiner als das ursprüngliche PNG?

Bei Logos und Icons fast immer: aus 50 KB PNG werden oft 2-5 KB SVG. Bei komplexen Illustrationen kann das SVG größer ausfallen als das PNG; dann hilft es, den Detail-Regler herunterzudrehen, um die Pfadanzahl zu reduzieren.

Ähnliche Tools