Cómo vectorizar un icono

El antialiasing es el enemigo aquí. En un icono de 32 píxeles, los píxeles grises suaves a lo largo de cada diagonal son una gran fracción de la imagen, y un trazador no tiene forma de saber que tenían que ser un borde duro y no un tono intermedio real. Dale una versión de 512 píxeles y el mismo borde es una transición de un píxel contra cuarenta y nueve píxeles limpios — la forma no deja lugar a dudas.

Si el icono es monocromo, hazlo genuinamente monocromo antes de convertirlo: negro puro sobre transparente, o negro puro sobre blanco, sin sombra difusa y sin resplandor interior sutil. Cada uno de esos efectos se convierte en formas en la salida, y las formas en la salida son nodos que tienes que encontrar y borrar.

Al tamaño al que lo estás mirando, casi cualquier trazado se ve bien. La prueba que importa es el número de nodos: abre el trazado y cuenta los puntos. Un icono bien dibujado tiene puntos solo donde la curva cambia de dirección de verdad — un cuadrado redondeado tiene ocho, un círculo tiene cuatro, un chevrón tiene tres o seis. Si una forma simple volvió con sesenta, el trazador iba persiguiendo ruido de píxeles, y esa forma se renderizará lenta, se editará mal y se verá sutilmente mal al escalar.

En Lite y superiores, el control de detalle es lo que gobierna esto directamente: menos detalle fusiona más agresivamente y produce menos nodos y más limpios. Bájalo hasta que las esquinas empiecen apenas a suavizarse y retrocede un paso. En Free el nivel se elige automáticamente, y la manera de influir en él es la calidad del origen.

Los sets de iconos tienen una cuadrícula — normalmente 24×24 con un margen de seguridad de dos píxeles, o 16×16 para interfaces densas. El trazado resultante cae donde estuvieran los píxeles, lo cual queda cerca de esa cuadrícula pero no sobre ella, y a tamaños pequeños de renderizado ese «cerca» es lo que hace que un icono de una fila se vea medio píxel más pesado que sus vecinos.

Ajusta los trazados terminados a coordenadas enteras en tu editor y fija el viewBox del SVG a tu cuadrícula. Es un trabajo delicado la primera vez y mecánico después, y es lo que separa un set de iconos que parece diseñado de uno que parece convertido.

Si estás rehaciendo un set entero, conviértelos todos en un solo lote para que pasen por ajustes idénticos, y luego normaliza a mano el grosor de trazo en todo el set. Una familia de iconos se lee como familia porque sus trazos coinciden; un set trazado individualmente a lo largo de varias sesiones no coincidirá, y la discrepancia se nota incluso cuando ningún icono en particular se ve mal.

La conversión por lotes empieza en Pro, que admite 30 archivos a la vez. Por debajo de eso los archivos se convierten de uno en uno, lo cual para un set de veinte son unos minutos de clics y no un bloqueo.