Cómo reducir los trazados de un SVG sin estropear tu diseño

Primero, decide qué quieres reducir

Hay dos cifras que se confunden. Los trazados son formas independientes; los nodos son los puntos que definen el contorno de cada forma, escritos como comandos en el atributo d del trazado (MDN: el atributo d). El límite de carga documentado por Cricut se refiere a trazados: los SVG «are restricted to 5000 paths» (están limitados a 5000 trazados) (Ayuda de Cricut: cómo subir imágenes a Design Space). La guía del límite de 5000 trazados explica qué cuenta y cómo contarlos. Un número de nodos alto es otro problema —un archivo pesado y lento—, que se trata en SVG demasiado complejo para Cricut.

Ninguna de las dos cifras es el tamaño del archivo. Los KB y MB dependen también de la precisión decimal, los metadatos y las imágenes incrustadas, así que un archivo más ligero no implica menos trazados; por qué Cricut dice que un SVG es demasiado grande explica la diferencia.

Combinar formas: trazados compuestos frente a unión

Las dos convierten varias formas en una, pero le hacen cosas muy distintas a la geometría.

Trazados compuestos (Combinar)

Un trazado compuesto guarda varios contornos en un único elemento <path>, cada uno como un subtrazado. Todos los contornos quedan exactamente donde y como estaban; solo baja el número de trazados. Es la herramienta adecuada para piezas del mismo color que no se tocan: teselas de mosaico, confeti, puntos, las letras separadas de una palabra.

• Illustrator: selecciona las piezas (Seleccionar › Igual › Color de relleno ayuda) y elige Objeto › Trazado compuesto › Crear.
• Inkscape: selecciónalas (Edición › Seleccionar lo mismo › Color de relleno, en inglés Edit › Select Same › Fill Color) y elige Trayecto › Combinar (Ctrl+K).

En Cricut Design Space, un trazado compuesto llega como una sola capa: sus piezas se mueven y cambian de tamaño juntas. Es ideal para un confeti disperso, no tanto si pensabas colocar las piezas una a una en el tapete. Si cambias de idea, siempre puedes liberar el trazado compuesto en tu programa de diseño.

Unión (Unificar)

La unión fusiona formas superpuestas en un único contorno nuevo y descarta todo lo que queda dentro. Illustrator: Buscatrazos › Unificar. Inkscape: Trayecto › Unión. Affinity Designer: Añadir (Add).

Una unión de formas del mismo color se ve igual en pantalla, pero las piezas cambian: donde había varias formas apiladas ahora hay un solo contorno, y ese contorno es lo que se corta. En un archivo de corte suele ser lo que quieres, porque si no cada forma apilada conserva su propia línea de corte. En cambio, si unes formas de distintos colores obtienes una sola forma de un solo color. Reserva la unión para piezas del mismo color.

Eliminar elementos duplicados y apilados

Los duplicados suman trazados sin añadir nada visible. Orígenes típicos: una forma pegada dos veces en el mismo sitio, una copia de contorno justo encima de una copia rellena (restos de expandir relleno y trazo por separado) y diseños guardados en varias capas para distintas versiones.

Los elementos <use> son un caso especial. Permiten dibujar la misma forma muchas veces guardándola una sola vez:

<defs>
  <path id="star" d="M10 0l3 7h7l-6 4 2 7-6-4-6 4 2-7-6-4h7z"/>
</defs>
<use href="#star" x="0"/>
<use href="#star" x="30"/>
<use href="#star" x="60"/>

El archivo sigue siendo pequeño, pero cada <use> se dibuja, así que cada uno cuenta. Elimina las copias que no necesites. Para combinar las que conserves, conviértelas antes en formas reales (Illustrator: Objeto › Expandir; Inkscape: Edición › Clonar › Desenlazar clon, en inglés Edit › Clone › Unlink Clone) y combínalas como cualquier otra forma.

Eliminar trazados diminutos y motas

Los fragmentos diminutos son los trazados más fáciles de sacrificar: motas del vectorizado, puntos sueltos, restos finos que quedan al recortar. Muchos son demasiado pequeños para verse al tamaño final, y no digamos para cortarlos o pelarlos.

Dónde poner el límite depende del material, de la cuchilla y del tamaño al que cortes, así que no hay un mínimo universal. Es una decisión de diseño: mira el diseño a su tamaño real antes de dar por prescindible un detalle.

• Amplía los bordes y las zonas vacías, que es donde el vectorizado deja más motas.
• Cambia a la vista de contornos (Illustrator: Ver › Contorno, View › Outline; Inkscape: Ver › Modo de visualización › Contorno, View › Display Mode › Outline): sin relleno, las formas sueltas y los trazados vacíos destacan.
• Elimínalos en tu programa de diseño en lugar de dejarlo para después: el archivo tiene que estar por debajo del límite antes de que Design Space lo acepte.

Limpiar el vectorizado automático desde el origen

Si el archivo salió de calcar un PNG o un JPG, corregir el calco suele ser mejor que editar miles de formas. Vuelve a la imagen y calca de nuevo con ajustes que den menos formas y más limpias:

• Menos colores. Cada color extra añade su propio conjunto de formas. Calca con el número de colores que vas a cortar de verdad.
• Ignorar zonas pequeñas. Sube el ajuste de ruido o de motas para que las manchas por debajo del tamaño que elijas se descarten en lugar de convertirse en trazados.
• Más suavizado. Las curvas más suaves necesitan menos nodos por trazado.

En Illustrator, el panel Calco de imagen (Image Trace) tiene en sus opciones avanzadas los reguladores Trazados, Esquinas y Ruido (Paths, Corners, Noise). En Inkscape, Trayecto › Vectorizar mapa de bits (Path › Trace Bitmap) tiene opciones para eliminar motas, suavizar esquinas y fijar el número de pasadas en los calcos a varios colores. Los nombres y los valores por defecto cambian entre versiones, así que tómalos como punto de partida y compara el resultado con la imagen original.

Preparar la imagen suele ayudar más que cualquier ajuste de calco: quita el fondo, sube el contraste y reduce los colores antes de vectorizar.

Simplificar trazados (reducir nodos)

Simplificar vuelve a dibujar cada trazado con menos nodos. Illustrator: Objeto › Trazado › Simplificar, con un regulador que cambia precisión por menos puntos de anclaje. Inkscape: Trayecto › Simplificar (Ctrl+L), cuya intensidad se ajusta en Preferencias. Simplificar actúa dentro de cada trazado, así que el número de formas no cambia.

Úsalo en formas vectorizadas, dibujadas a mano u orgánicas que tienen muchos más nodos de los necesarios. Aplícalo con suavidad, compáralo con el original al tamaño al que vas a cortar y repite solo si el resultado sigue aguantando.

Los riesgos de reducir demasiado

• Letras deformadas: simplificar suaviza las serifas y las esquinas y puede deformar los huecos pequeños de letras como la e o la a. Simplifica el texto por separado y con poca intensidad, o no lo toques.
• Detalles perdidos: las líneas finas, los ojos, los acentos pequeños y las texturas son lo primero que desaparece al borrar piezas pequeñas o subir los ajustes de ruido.
• Colores fusionados: una unión entre colores distintos, o un nuevo calco con muy pocos colores, convierte dos colores en uno y quita una capa del corte.
• Otro comportamiento al cortar: las piezas combinadas se mueven como una sola capa en Design Space, y una unión se corta como un único contorno.

Cómo elegir la técnica para reducir trazados

La tabla va, más o menos, del cambio menos invasivo al más invasivo. Vuelve a comprobar con el contador de trazados SVG después de cada paso, para parar en cuanto quedes por debajo del límite con margen.

Si el archivo sigue sin subirse cuando ya has reducido los trazados, la causa puede ser otra: la lista completa de problemas al subir SVG trata el texto, las máscaras de recorte, las imágenes y más, y el comprobador de SVG para Cricut con Safe Fix los revisa todos a la vez.