Wie du ein Icon vektorisierst

Kantenglättung ist hier der Feind. Bei einem 32-Pixel-Icon machen die weichen grauen Pixel entlang jeder Diagonale einen großen Teil des Bildes aus, und ein Tracer kann nicht wissen, dass sie eine harte Kante sein sollten und kein echter Zwischenton. Gib ihm eine 512-Pixel-Version, und dieselbe Kante ist ein Ein-Pixel-Übergang gegen neunundvierzig saubere Pixel — die Form ist unmissverständlich.

Ist das Icon einfarbig, mach es wirklich einfarbig, bevor du konvertierst: reines Schwarz auf Transparent oder reines Schwarz auf Weiß, ohne weichen Schatten und ohne subtiles inneres Leuchten. Jeder dieser Effekte wird zu Formen in der Ausgabe, und Formen in der Ausgabe sind Knoten, die du suchen und löschen musst.

In der Größe, in der du hinschaust, sieht fast jeder Trace gut aus. Der Test, der zählt, ist die Knotenzahl: öffne den Pfad und zähle die Punkte. Ein sauber gezeichnetes Icon hat Punkte nur, wo die Kurve wirklich die Richtung ändert — ein abgerundetes Quadrat hat acht, ein Kreis vier, eine Doppelwinkel-Form drei oder sechs. Ist eine einfache Form mit sechzig zurückgekommen, jagte der Tracer Pixelrauschen hinterher, und diese Form wird langsam gerendert, sich schlecht bearbeiten lassen und skaliert subtil falsch aussehen.

Ab Lite steuert die Detail-Einstellung das direkt: weniger Detail führt aggressiver zusammen und erzeugt weniger, sauberere Knoten. Schiebe sie herunter, bis Ecken gerade zu weichen beginnen, und gehe dann einen Schritt zurück. Auf Free wird die Stufe automatisch gewählt, und sie lässt sich über die Qualität der Quelle beeinflussen.

Icon-Sets haben ein Raster — meist 24×24 mit einem Zwei-Pixel-Sicherheitsrand, oder 16×16 für dichte Oberflächen. Ein nachgezeichneter Pfad landet dort, wo die Pixel waren, was nah an diesem Raster liegt, aber nicht darauf — und in kleinen Rendergrößen macht gerade das „Nah dran“ aus, dass ein Icon in einer Reihe einen halben Pixel schwerer wirkt als seine Nachbarn.

Rastere die fertigen Pfade in deinem Editor auf ganze Koordinaten ein und setze den viewBox des SVG auf dein Raster. Das ist beim ersten Mal fummelig und danach mechanisch — und es ist, was ein Icon-Set, das gestaltet aussieht, von einem unterscheidet, das konvertiert aussieht.

Baust du ein ganzes Set neu auf, konvertiere alle in einem Stapel, damit sie durch identische Einstellungen gehen, und vereinheitliche die Strichstärke danach von Hand über das Set. Eine Icon-Familie liest sich als Familie, weil ihre Striche zusammenpassen; ein Set, das einzeln über mehrere Sitzungen nachgezeichnet wurde, passt nicht zusammen, und die Abweichung ist sichtbar, selbst wenn kein einzelnes Icon falsch aussieht.

Stapel-Konvertierung beginnt bei Pro, das 30 Dateien auf einmal nimmt. Darunter werden die Dateien einzeln konvertiert — bei einem Set aus zwanzig ein paar Minuten Klickarbeit, kein Blocker.