Was ist Vektorisierung?
Vektorisierung wandelt ein Rasterbild (bestehend aus Pixeln) in eine Vektorgrafik (bestehend aus mathematischen Formen) um. Während Rasterbilder beim Vergrößern pixelig werden, lassen sich Vektorgrafiken ohne Qualitätsverlust auf jede beliebige Größe skalieren.
Das Ergebnis ist eine SVG-Datei (Scalable Vector Graphics), die aus Pfaden, Kurven und Flächen besteht. SVG-Dateien sind textbasiert, können mit CSS gestylt werden und bleiben bei jeder Größe gestochen scharf.
Formidex vektorisiert deine Bilder direkt im Browser. Besonders gut eignen sich Bilder mit klaren Konturen und wenigen Farben, wie Logos, Icons, Illustrationen und Strichzeichnungen.
Wie funktioniert die Vektorisierung?
Der Algorithmus analysiert das Rasterbild und erkennt Kanten und Farbflächen. Entlang der Kanten werden Bezier-Kurven gelegt, die den Verlauf möglichst genau nachzeichnen. Zusammenhängende Farbflächen werden als gefüllte Pfade dargestellt.
Die Genauigkeit lässt sich einstellen: Höhere Genauigkeit erzeugt mehr Pfade und eine detailgetreuere Darstellung, aber auch größere Dateien. Weniger Genauigkeit vereinfacht die Formen und erzeugt kompaktere SVGs, die sich besser für einfache Grafiken eignen.
Tipps für beste Ergebnisse
Logos und Icons mit klaren Kanten und wenigen Farben liefern die besten Ergebnisse. Je einfacher das Ausgangsbild, desto sauberer wird die Vektorgrafik. Fotos mit vielen Farben und weichen Verläufen eignen sich dagegen kaum für die Vektorisierung.
Bereite das Bild vor der Vektorisierung vor: Erhöhe den Kontrast, entferne den Hintergrund und stelle sicher, dass die Kanten scharf sind. Ein sauberes Ausgangsbild macht den Unterschied zwischen einer brauchbaren und einer perfekten Vektorgrafik.
Vergleiche verschiedene Genauigkeitsstufen. Für ein Logo reicht oft eine mittlere Einstellung, die saubere Kurven ohne zu viele Ankerpunkte erzeugt. Zu hohe Genauigkeit kann zu unruhigen Pfaden führen.
Häufige Anwendungsfälle
Logos skalierbar machen: Ein Logo muss auf einer Visitenkarte genauso scharf aussehen wie auf einem Plakat. Als Vektorgrafik lässt es sich ohne Qualitätsverlust auf jede Größe skalieren.
Icons und Illustrationen für Websites: SVG-Dateien werden direkt im Browser gerendert, sind scharf auf Retina-Displays und lassen sich mit CSS animieren. Sie sind deshalb das bevorzugte Format für Website-Grafiken.
Druckvorlagen erstellen: Druckereien verlangen häufig Vektordateien, da diese auflösungsunabhängig sind. Wenn du nur ein Rasterbild hast, ist die Vektorisierung der schnellste Weg zu einer druckfähigen Datei.