Comment vectoriser une icône

L'anticrénelage est l'ennemi ici. Sur une icône de 32 pixels, les pixels gris adoucis le long de chaque diagonale représentent une grande fraction de l'image, et le moteur de vectorisation n'a aucun moyen de savoir qu'ils devaient être une arête dure plutôt qu'un ton intermédiaire réel. Donnez-lui une version de 512 pixels et la même arête devient une transition d'un pixel contre quarante-neuf pixels propres — la forme est incontestable.

Si l'icône est monochrome, rendez-la réellement monochrome avant de convertir : noir pur sur transparent, ou noir pur sur blanc, sans ombre douce ni lueur intérieure subtile. Chacun de ces effets devient des formes dans la sortie, et des formes dans la sortie, ce sont des nœuds à trouver et à supprimer.

À la taille à laquelle vous la regardez, presque n'importe quel tracé paraît correct. Le test qui compte est le nombre de nœuds : ouvrez le tracé et comptez les points. Une icône bien dessinée n'a des points que là où la courbe change réellement de direction — un carré arrondi en a huit, un cercle quatre, un chevron trois ou six. Si une forme simple revient avec soixante points, le moteur chassait du bruit de pixels, et cette forme se rendra lentement, s'éditera mal et paraîtra subtilement fausse une fois mise à l'échelle.

À partir de Lite, le réglage de détail gouverne cela directement : moins de détail, c'est une fusion plus agressive et des nœuds moins nombreux et plus propres. Descendez-le jusqu'à ce que les angles commencent à peine à s'adoucir, puis remontez d'un cran. Sur Free, le niveau est choisi automatiquement, et le moyen de l'influencer, c'est la qualité de la source.

Les jeux d'icônes ont une grille — généralement 24×24 avec une marge de sécurité de deux pixels, ou 16×16 pour les interfaces denses. Un tracé issu de la conversion atterrit là où étaient les pixels, ce qui est proche de cette grille sans y être, et aux petites tailles de rendu ce « proche » est précisément ce qui fait qu'une icône d'une rangée paraît un demi-pixel plus lourde que ses voisines.

Alignez les tracés finis sur des coordonnées entières dans votre éditeur et fixez le viewBox du SVG sur votre grille. C'est méticuleux la première fois et mécanique ensuite, et c'est ce qui distingue un jeu d'icônes qui paraît dessiné d'un jeu qui paraît converti.

Si vous reconstruisez un jeu entier, convertissez tout dans un seul lot pour que chaque fichier passe par des réglages identiques, puis normalisez à la main l'épaisseur des traits sur l'ensemble du jeu. Une famille d'icônes se lit comme une famille parce que ses traits coïncident ; un jeu converti icône par icône sur plusieurs sessions ne coïncidera pas, et l'écart se voit même quand aucune icône prise seule ne paraît fausse.

La conversion par lot commence avec le plan Pro, qui prend 30 fichiers à la fois. En dessous, les fichiers se convertissent un par un, ce qui, pour un jeu de vingt, représente quelques minutes de clics plutôt qu'un blocage.