Echte Vektorpfade, und die Genauigkeit kommt als Zahl zurück

Wenn Sie nach diesem Begriff suchen, finden Sie meist Tools, die gar nichts vektorisieren. Sie nehmen Ihr PNG, kodieren es als Base64, betten es als Bild-Tag in eine SVG-Hülle ein und geben es zurück. Die Dateiendung hat sich geändert; die Pixel sind gleich geblieben. Beim Hineinzoomen verschwimmt das Bild genauso wie das ursprüngliche PNG, und in Illustrator lässt sich nichts bearbeiten. Der Test dauert zehn Sekunden: Öffnen Sie die Datei in einem Texteditor. Sehen Sie eine Wand aus Base64, wurde Ihnen nur eine Umbenennung geliefert.

Was dieses Tool tatsächlich erzeugt

Formen. Der Tracer findet die Kanten in Ihrem Bild und schreibt sie als echte SVG-Pfade, nach Farben gruppiert, sodass Sie das Ergebnis beliebig skalieren und jede Kurve in Illustrator, Figma oder Inkscape bearbeiten können. Bei einem zweifarbigen Logo mit 267 x 87 Pixeln enthielt das Ergebnis 8 Pfadelemente, nirgendwo Base64, und die beiden Ausgangsfarben wurden als exakte Hex-Werte übernommen. Die SVG hatte ebenfalls die Größe 267 x 87, sodass sie als direkter Ersatz für das ursprüngliche PNG in eine Seite eingefügt werden kann.

Die Genauigkeit wird gemessen, nicht behauptet

Jedes Ergebnis enthält einen Treuewert, und das ist keine Schätzung. Ihre fertige SVG wird zurück in Pixel gerendert und mit Ihrem Originalbild Pixel für Pixel verglichen; der daraus resultierende Prozentsatz wird angezeigt. Das zweifarbige Logo erreichte 99,5. Im Testdatensatz erzielen alle flachen Dateien 99 oder mehr, drei davon sogar exakt 100,0. Ein echtes Produktionslogo, ein weiß-rotes Wortbild auf Transparenz, wird mit 99,7 nachverfolgt und ergibt eine 9,5 KB große Datei mit 3 Farbebenen und 19 Pfaden.

Warum nachgezeichnete Logos oft falsch aussehen – und was dagegen getan wird

Antialiasing ist der Grund, warum die meisten Tracer einen Heiligenschein aus Pixeln um jeden Buchstaben erzeugen. Die weichen Farbtöne an einer Kante sind keine Farben des Designs, sondern Unschärfe, und ein Tracer, der sie als Farben behandelt, zeichnet die Unschärfe originalgetreu nach. Farben werden hier in der nativen Auflösung Ihres Bildes erkannt, sodass diese Töne als Kantenunschärfe erkannt und entfernt werden, statt als Formen zu erscheinen. Der andere klassische Fehler sind haarfeine Lücken zwischen benachbarten Farben, sichtbar als dünne helle Linien im Motiv. Farbebenen werden überlappend aufgebaut, sodass diese Lücken nicht entstehen können.

Transparenz und die Kontur, die sie meist ruiniert

Pixel mit weniger als halber Deckkraft werden als Hintergrund behandelt und aus jeder nachgezeichneten Form ausgeschlossen, sodass die SVG überall dort transparent bleibt, wo Ihr PNG es war. Das schwierigere Problem ist der Saum: ein einpixelbreiter Ring aus Hintergrundfarbe, den die meisten Tracer um transparente Logos lassen – unsichtbar auf Weiß, aber sofort sichtbar, wenn das Logo auf einem dunklen Hintergrund steht. Hier wird er mit Trapping entfernt, einer Technik aus dem Druckbereich. Jede Farbebene wird um einen Pixel vergrößert, aber nur entlang des Streifens, der an die Transparenz grenzt, sodass der Saum abgedeckt wird, ohne dass sich eine Kante im Motiv verschiebt.

Klein und leicht unscharf ist der Normalfall

Die meisten, die eine Vektorversion brauchen, haben keine saubere Masterdatei. Sie besitzen ein kleines PNG, das jemand vor Jahren exportiert hat. Genau für diesen Fall ist die Engine optimiert: Ein kleines, geglättetes Bild wird vor dem Nachzeichnen hochskaliert, sodass der Tracer Subpixel-Informationen darüber erhält, wo die Kanten wirklich verlaufen. So folgen die Kurven den vom Designer gezeichneten Formen statt der Treppchen des kleinen Bildes. Das 267-Pixel-Logo wurde mit 1024 Pixel Breite nachgezeichnet, und das Ergebnis gibt dies an. Die ehrliche Grenze ist: Nachzeichnen kann nur rekonstruieren, was die Pixel noch hergeben. Ein 30-Pixel-Favicon enthält kaum Informationen über seine eigenen Kurven, und kein Tool kann Details erfinden, die nie gespeichert wurden.

Fotos funktionieren – und das Tool sagt Ihnen, dass sie es nicht sollten

Ein Foto enthält keine Formen, die wiederentdeckt werden könnten. Es ist ein kontinuierlicher Farbverlauf, daher ergibt das Nachzeichnen eine posterisierte Annäherung: interessant als Kunststil, aber falsch als Kopie. Die Messung macht das unübersehbar. Ein Testbild mit kontinuierlichem Farbverlauf erreichte 95,4 Prozent gegenüber 99,5 beim flachen Logo, und während das Logo 2 Farbebenen und 8 Pfade benötigte, brauchte das Foto 16 Ebenen und 9.899 Pfade. Das Ergebnis enthält zudem einen Hinweis, dass das Bild kontinuierliche Töne besitzt und das PNG das treue Format bleibt. Wenn Sie den posterisierten Look gezielt möchten, stellen Sie die Farbanzahl selbst ein und übernehmen ihn.

Farben, oder reines Schwarz-Weiß

Standardmäßig wird die Palette automatisch aus Ihrem Design erkannt, sodass ein zweifarbiges Logo als zwei saubere Ebenen nachgezeichnet wird – und nicht als zwei Ebenen plus ein Ring aus Antialiasing-Tönen, die vorgeben, Farben zu sein. Aufwendigere Motive behalten bis zu 16 Farben. Sie können die Anzahl selbst von 2 bis 32 einstellen: Weniger für ein klareres, stilisierteres Ergebnis, mehr für eine genauere Farbabstimmung. Für gescannte Unterschriften, Stempel und Strichzeichnungen gibt es einen separaten Schwarz-Weiß-Modus, der den Schwellenwert automatisch aus dem Histogramm des Bildes wählt oder von Ihnen einen Wert zwischen 1 und 254 übernimmt und eine einzige, scharfe schwarze Zeichnung auf Transparenz zurückgibt.

Was mit Ihren Dateien passiert

Mehrere Bilder werden mit den gleichen Einstellungen nachgezeichnet und als ein ZIP mit den Originaldateinamen zurückgegeben. Die Dateien werden über eine verschlüsselte Verbindung übertragen und eine Stunde nach Bereitstellung des Ergebnisses vom Server gelöscht.

Was Sie erhalten

• Echte SVG-Pfade, nach Farben gruppiert, in jedem Vektorprogramm bearbeitbar
• Eine gemessene Treue-Prozentzahl für jede Datei, kein bloßes Qualitätsversprechen
• Antialiasing wird entfernt, statt als Heiligenschein aus Pixeln nachgezeichnet
• Transparenz bleibt erhalten, der einpixelbreite Hintergrundsaum wird per Trapping entfernt
• Automatische Palettenerkennung, frei wählbare Farbanzahl und ein Schwarz-Weiß-Modus für Strichzeichnungen
• Kein Konto, kein Wasserzeichen, und die Dateien werden eine Stunde später vom Server gelöscht

Wie geht es weiter?

Müssen Sie den umgekehrten Weg gehen und eine Vektorgrafik für ein Upload-Formular oder eine E-Mail wieder in Pixel umwandeln? SVG zu PNG rendert sie in jeder gewünschten Größe. Bevor Sie die nachgezeichnete Datei versenden, entfernt SVG komprimieren den Editor-Müll daraus, und PNG komprimieren optimiert das ursprüngliche Rasterbild, falls Sie dieses ebenfalls behalten möchten.