Vector BoyBilder vektorisieren PNGSVG
Vector Boy einmal ordentlich erklärt

Vector Boy in seine
Einzelteile zerlegt.

So funktionieren die einzelnen Funktionen in dem Bildvektorisierungstool Vector Boy.

01 · VorherOriginalfoto einer Tafel mit handgeschriebenen Kompost Schriftzügen im Außenbereich
Das ist die Vorlage. Die Kamera sieht Schrift, Platte, Schuppen und Boden. In diesem Moment ist alles davon einfach nur Bildinformation.
02 · MitteZwischenergebnis in Schwarz und Weiß mit Schrift und unerwünschten Hintergrundresten
Das ist die Trennung in Schwarz und Weiß. Viel Schrift ist schon da, ein paar schwache Striche fehlen noch und Teile der Umgebung sind ebenfalls mitgekommen.
03 · NachherSauber isolierte schwarze Kompost Schrift als gewünschte Vektorform
Da wollen wir hin. Die Schrift bleibt an ihrer ursprünglichen Position, der Hintergrund ist weg und die schwarzen Formen lassen sich als geschlossene Pfade exportieren.

Was dazwischen passiert.

Im Grunde ist es ganz einfach. Vector Boy reduziert ein Bild immer erst auf Schwarz und Weiß und zeichnet das Ergebnis dann mit einem Vektorfaden nach. Spannend ist der Schritt dazwischen. Ein Foto hat tausende Helligkeitswerte, Farbstiche, Reflexionen und Oberflächen. Das Tool muss entscheiden, was zu deiner Form gehört und was einfach nur Hintergrund ist.

Mit Schwarzanteil, Kontrast und Helligkeit kannst du genau diese Entscheidung steuern. Wenn die schwarze Form stimmt, legen Konturmodus, Kantenglättung und Bézier Vereinfachung fest, wie der fertige Pfad ihr folgen soll.

Die drei Ansichten.

Das Ergebnis lässt sich in drei einfache Bereiche einteilen: Original, Ergebnis und Vektor. Du kannst jederzeit zwischen den Ansichten springen.

Original ist dein Bild genau so, wie du es geladen hast. Ergebnis ist das Bild nach Schwarzanteil, Kontrast, Helligkeit, Störpartikelfilter und deinen Lasso Korrekturen. Vektor ist die fertige Pfadansicht. Dort kommen Konturmodus, Kantenglättung und Bézier Vereinfachung noch dazu.

Vector Boy Oberfläche mit den Ansichten Original, Ergebnis und Vektor neben den Tonwert und Vektoreinstellungen
Die Tonwerte stehen absichtlich über der Vektorform. Erst entscheidest du, was schwarz ist. Danach entscheidest du, wie die Kante davon gezeichnet wird.
Original
Hier prüfst du, ob ein schwacher Strich wirklich in der Vorlage steckt oder erst durch die Bearbeitung entstanden ist.
Ergebnis
Hier beurteilst du die Trennung. Ist alles Wichtige schwarz? Ist der Hintergrund weiß? Sind kleine gewollte Punkte noch da?
Vektor
Das ist die Geometrie für den Export. Vor dem Download einmal ordentlich in Rundungen, Ecken und Punzen reinzoomen.
Was die einzelnen Funktionen wirklich machen

Die Regler,
ohne Nebel.

Für diesen Abschnitt bin ich noch einmal direkt durch die Bildverarbeitung gegangen. Hier steht, was jede Einstellung verändert, an welcher Stelle sie eingreift und wann ich sie einfach in Ruhe lassen würde.

01

Schwarzanteil

Das ist der eigentliche Schwellenwert. Vector Boy rechnet jedes Pixel zuerst in einen Helligkeitswert von 0 bis 255 um. Alles, was dunkler als dein eingestellter Wert ist, wird schwarz. Ziehst du nach rechts, rettest du blasse Striche. Gleichzeitig kommt irgendwann auch die Maserung vom Papier mit. Ich stelle den Regler deshalb so hoch wie nötig und nicht so hoch wie möglich.

02

Kontrast

Kontrast zieht helle und dunkle Werte rund um das mittlere Grau weiter auseinander. Technisch passiert das vor der Schwarz und Weiß Trennung. Bei 100 bleibt das Bild neutral, darüber werden dunkle Linien dunkler und helle Flächen heller. Das hilft bei matten Fotos ziemlich gut. Gegen harte Spiegelungen kann der Regler aber auch nichts zaubern.

03

Helligkeit

Helligkeit verschiebt alle Tonwerte gemeinsam. Ein Plus macht das Foto heller und dadurch landen weniger Pixel im schwarzen Ergebnis. Ein Minus macht es dunkler und holt mehr ins Motiv. Ich nutze den Regler meistens nur, wenn die komplette Aufnahme zu hell oder zu dunkel geraten ist. Für einzelne schwache Striche ist der Schwarzanteil genauer.

04

Störpartikel entfernen

Hier schaut Vector Boy nach kleinen schwarzen Inseln, die mit keiner größeren Form verbunden sind. Solche Punkte werden aus der Maske gelöscht. Zusammenhängende Schrift bleibt in Ruhe. Kleine Punkte können natürlich Absicht sein, etwa bei einem i, einem Stern oder Sprühnebel. Dann lasse ich die Funktion aus und räume lieber kurz mit dem Lasso auf.

05

Pixel

Pixel folgt der fertigen Schwarz und Weiß Maske direkt an den Rasterkanten. Eine Treppenstufe bleibt also erst einmal eine Treppenstufe. Das ist richtig, wenn die Pixel selbst Teil der Gestaltung sind oder wenn du möglichst wenig Interpretation möchtest. Für eine bewusst grobe Vorlage ist das oft mein ehrlichster Modus.

06

Fein

Fein rechnet die Vorlage für die Konturerkennung größer und tastet die Form mit mehr Bildpunkten ab. Kleine Abstufungen werden dadurch genauer beschrieben, ohne dass Vector Boy eine neue Rundung erfinden muss. Für saubere Screenshots, Logos und schon ziemlich glatte Vorlagen ist das meistens der beste Start.

07

Subpixel

Subpixel sucht die Kontur nicht nur an ganzen Pixelkanten, sondern berechnet auch die Position dazwischen. Vereinfacht gesagt schaut der Modus, an welcher Stelle zwischen zwei Pixelzentren der Schwellenwert wirklich überschritten wird. Rundungen und schräge Linien werden damit ruhiger. Bei sehr großen Bildern dauert das etwas länger, weil deutlich mehr gerechnet wird.

08

Kanten glätten

Dieser Regler arbeitet erst an der erkannten Kontur. Er entfernt dicht aufeinanderfolgende Treppenpunkte und mittelt sanfte Übergänge. Echte Ecken werden dabei stärker geschützt als Rundungen. Außerdem gleicht Vector Boy die Fläche nach dem Glätten wieder an, damit die Form nicht einfach dicker oder dünner wird. Kleine Werte reichen fast immer.

09

Bézier vereinfachen

Hier geht es nicht mehr um Schwarz und Weiß, sondern um die Anzahl der Punkte im fertigen Pfad. Vector Boy entfernt Ankerpunkte, solange die neue Linie innerhalb einer kleinen Toleranz an der alten Form bleibt. Je höher der Wert, desto leichter wird der Pfad. Zu viel davon frisst kleine Ecken und enge Punzen. Ich starte bei 2 und zoome danach einmal ordentlich rein.

10

Lasso

Mit dem normalen Lasso umkreist du alles, was weg soll. Hältst du beim Zeichnen die Option Taste gedrückt, dreht sich die Logik um. Dann bleibt nur der umrandete Bereich erhalten. Die Auswahl wird relativ zur Bildgröße gespeichert, deshalb sitzt sie auch im Export noch an der richtigen Stelle. Rückgängig geht jederzeit mit Apfel und Z.

Meine normale Reihenfolge.

  1. JPG, PNG oder WEBP laden und erst einmal in der Ergebnisansicht bleiben.
  2. Schwarzanteil so lange bewegen, bis alle wichtigen Striche da sind. Danach mit Kontrast und Helligkeit die komplette Tonlage sortieren.
  3. Störpartikel nur einschalten, wenn wirklich viele kleine einzelne Punkte in der Vorlage hängen.
  4. Alles, was die automatische Trennung nicht wissen kann, kurz mit dem Lasso erledigen.
  5. In Vektor wechseln, Konturmodus wählen und Glättung sowie Vereinfachung erst einmal niedrig lassen.
  6. Reinzoomen, geschlossene Formen und Punzen prüfen, dann PDF, SVG, EPS oder DXF exportieren. PNG lädt die Ergebnisansicht herunter.
Dein Bild bleibt auf deinem Gerät

Die Bildverarbeitung läuft in deinem Browser. Die Vorlage wird für die Vektorisierung nicht hochgeladen. Mit Apfel und Z kannst du jeden lokalen Bearbeitungsschritt zurücknehmen.

Bereit für saubere Konturen?

Dein Bild.
Echte Pfade.

Verarbeite die Vorlage lokal, vergleiche jede Stufe und exportiere erst, wenn die Form stimmt.

Vector Boy öffnen