Come vettorizzare un'icona

L'anti-aliasing è il nemico, qui. Su un'icona da 32 pixel, i pixel grigi e morbidi lungo ogni diagonale sono una gran frazione dell'immagine, e un motore di vettorizzazione non può sapere che dovevano essere un bordo netto e non un tono intermedio reale. Dagli una versione da 512 pixel e lo stesso bordo è una transizione di un pixel contro quarantanove pixel puliti — la forma è inequivocabile.

Se l'icona è monocromatica, rendila davvero monocromatica prima di convertire: nero puro su trasparente, o nero puro su bianco, senza ombre esterne morbide e senza glow interni sottili. Ognuno di questi effetti diventa forme nell'output, e le forme nell'output sono nodi che devi trovare ed eliminare.

Alla dimensione a cui la stai guardando, quasi qualsiasi tracciato sembra a posto. Il test che conta è il numero di nodi: apri il tracciato e conta i punti. Un'icona ben disegnata ha punti solo dove la curva cambia davvero direzione — un quadrato arrotondato ne ha otto, un cerchio quattro, una chevron tre o sei. Se una forma semplice è tornata con sessanta nodi, il motore stava inseguendo rumore di pixel, e quella forma si renderizzerà lentamente, si modificherà male e sembrerà leggermente sbagliata una volta scalata.

Dal piano Lite in su, è il controllo del dettaglio a governare questo direttamente: un dettaglio più basso fonde in modo più aggressivo e produce nodi meno numerosi e più puliti. Abbassalo finché gli angoli cominciano ad ammorbidirsi, poi torna indietro di un passo. Su Free il livello è scelto automaticamente, e il modo di influenzarlo è la qualità della sorgente.

I set di icone hanno una griglia — di solito 24×24 con un margine di sicurezza di due pixel, o 16×16 per le interfacce dense. Un tracciato tracciato atterra dove erano i pixel, il che è vicino a quella griglia ma non sopra, e alle piccole dimensioni di resa «vicino» è ciò che fa sembrare un'icona di una fila mezzo pixel più pesante delle vicine.

Aggancia i tracciati finiti a coordinate intere nel tuo editor e imposta il viewBox dell'SVG alla tua griglia. La prima volta è laborioso, poi diventa meccanico, ed è ciò che distingue un set di icone che sembra progettato da uno che sembra convertito.

Se stai ricostruendo un intero set, convertili tutti in un unico batch così passano per impostazioni identiche, poi normalizza a mano lo spessore dei tratti su tutto il set. Una famiglia di icone si legge come una famiglia perché i suoi tratti coincidono; un set tracciato singolarmente in più sessioni non coinciderà, e la differenza è visibile anche quando nessuna singola icona sembra sbagliata.

La conversione in batch inizia dal piano Pro, che accetta 30 file alla volta. Sotto quello i file si convertono uno alla volta, il che per un set di venti è qualche minuto di clic anziché un blocco.