¿SVG demasiado complejo para Cricut? Cómo medirlo y simplificarlo

Qué significa realmente que un SVG sea «demasiado complejo»

Un SVG es un archivo de texto que enumera formas y las instrucciones para dibujarlas. Cuando se dice que un archivo es «demasiado complejo», normalmente una o varias de estas cifras son muy altas:

• Formas (trazados). Cada <path>, <rect>, <circle>, <ellipse>, <line>, <polyline> y <polygon> del diseño, más las copias creadas con <use>. Un mosaico de 7000 teselas tiene 7000 formas.
• Nodos (comandos de trazado). Cada contorno es una lista de comandos de dibujo dentro de su atributo d: mover, línea, curva, cerrar (MDN: datos de trazado). Una forma puede tener unos pocos comandos o muchos miles.
• Elementos. Todo lo que hay en el archivo, incluidos grupos, definiciones y restos que nunca se dibujan.
• Anidamiento. Grupos dentro de grupos dentro de grupos, algo habitual en lo que exportan los programas de diseño y los vectorizadores automáticos.
• Transformaciones. Atributos transform que mueven, escalan o giran grupos. No añaden formas, pero cualquier programa que lea el archivo tiene que calcularlas.

Estas cifras crecen por separado. Un archivo puede tener pocas formas con contornos enormes, o miles de formas que son simples cuadrados. La diferencia importa, porque Cricut solo documenta un límite para una de ellas.

Es la única cifra de complejidad que Cricut publica para los SVG. Hasta donde hemos podido comprobar, no hay un límite de nodos documentado ni un límite en megabytes, y el artículo de ayuda no define exactamente qué cuenta como «trazado». FixMySVG cuenta todas las formas del diseño, incluidas las ocultas y las invisibles —elementos <path>, formas básicas como <rect> y <circle>, y las copias creadas con <use>—, así que su recuento peca de prudente. Las formas guardadas solo como definiciones solo cuentan cuando un elemento <use> las dibuja. Si tu archivo supera los 5000, la guía sobre el error de 5000 trazados de Cricut trata ese problema en concreto.

De dónde suele venir la complejidad de un SVG

Demasiadas formas sueltas

Los mosaicos, los efectos de semitono con puntos, los patrones de confeti y el arte tipo píxel se construyen con cientos o miles de piezas pequeñas. Cada pieza es una forma, así que el recuento sube muy deprisa aunque cada contorno sea sencillo. Este es el tipo de complejidad que choca con el límite de 5000 trazados de Cricut.

Demasiados nodos por la vectorización automática

El Calco de imagen de Illustrator (Image Trace), Vectorizar mapa de bits de Inkscape (Trace Bitmap) y los conversores en línea de PNG a SVG tienden a seguir cada irregularidad de los píxeles, y generan contornos dentados con muchos más nodos de los que necesitaría una forma dibujada a mano. Una foto o un dibujo escaneado y vectorizado puede tener una cantidad enorme de comandos de trazado sin acercarse a las 5000 formas.

Trazados diminutos y motas

La vectorización también deja motas: puntos sueltos y restos finos demasiado pequeños para verlos con el zoom normal. Suman formas y nodos, son demasiado pequeños para cortarlos o pelarlos limpiamente y se pasan por alto con facilidad. FixMySVG informa aparte de los objetos extremadamente pequeños para que puedas localizarlos.

Anidamiento profundo y estructura sobrante

Las exportaciones y el copiar y pegar repetido pueden envolver las formas en capa tras capa de grupos, cada uno con su propia transformación, además de capas ocultas y definiciones sin usar. Esto eleva el número de elementos más que el propio dibujo, y es el tipo de complejidad más fácil de limpiar sin tocar el diseño.

Cómo medir la complejidad de un SVG

Abrir un archivo en un programa de diseño te muestra cómo se ve, no cuánto pesa. Suéltalo en el comprobador de abajo para ver las cifras, o abre el comprobador gratuito de complejidad de SVG en su propia página. En ambos casos el archivo se analiza en tu navegador y no se sube.

FixMySVG convierte las métricas en un nivel con umbrales fijos y publicados. Es una regla práctica transparente sobre cuánto pesa el archivo: no es una puntuación opaca ni una regla de Cricut.

Dos archivos de ejemplo, dos tipos de complejidad

Compáralo con nuestro mosaico de ejemplo, en el que el analizador de FixMySVG cuenta 7284 trazados pero solo 36.420 comandos, unos cinco por tesela. Los dos archivos quedan en ALTA, por motivos opuestos:

El mosaico supera el límite documentado por Cricut, así que necesita menos formas: unir teselas o dividir el diseño, como se explica en cómo reducir el número de trazados de un SVG. El archivo vectorizado cumple la regla documentada pero arrastra muchísimos datos de trazado, así que puede resultar lento de manejar; ahí la solución son menos nodos, no menos formas. Si lo que te preocupaba eran los KB del archivo, por qué Cricut dice que un SVG es demasiado grande explica por qué el tamaño en bytes no es el límite.

Cómo simplificar un SVG demasiado complejo

Trabaja sobre una copia y elige la solución que corresponda a lo que muestran las cifras.

Simplifica los nodos

Simplificar reduce el número de nodos aproximando cada contorno con menos curvas. En Illustrator usa Objeto › Trazado › Simplificar; en Inkscape, Trayecto › Simplificar (Ctrl+L). Aplícalo poco a poco y amplía las esquinas y las letras después de cada pasada.

Limpia la vectorización desde el origen

Si el diseño viene de una vectorización, repetirla con menos colores, más filtrado de ruido o de motas y más suavizado suele dar un resultado más limpio que simplificar después un calco desordenado. Para letras e iconos sencillos, redibujar las formas a mano puede ser más rápido que arreglarlas.

Combina las formas del mismo color

Cuando el problema es el número de formas, une las piezas del mismo color en un trazado compuesto: Objeto › Trazado compuesto › Crear en Illustrator, o Trayecto › Combinar (Ctrl+K) en Inkscape. Si las piezas se superponen, Unificar en el panel Buscatrazos o Trayecto › Unión las funde en un solo contorno. Combinar reduce el número de formas pero no el de nodos, y las piezas combinadas se mueven juntas como una sola capa en Design Space, así que combina solo lo que vayas a cortar junto.

Elimina las motas y las piezas diminutas

Borra los puntos sueltos y los restos finos que nunca cortarías. Amplía, selecciona arrastrando zonas que parecen vacías para descubrir fragmentos escondidos y revisa el fondo por si quedan restos de la vectorización.

Divide el diseño

Si después de limpiarlo sigue siendo demasiado pesado, guárdalo en varios archivos —uno por color o por sección— y súbelos por separado.

Si al final la complejidad no es el problema, la guía para resolver SVG que no se suben a Cricut repasa las demás causas habituales.

Qué puede y qué no puede hacer FixMySVG con la complejidad

Cada cambio de Safe Fix se comprueba dibujando el archivo antes y después y comparando los píxeles; si un grupo de cambios alteraría el aspecto del diseño, se deshace. Safe Fix está incluido en el plan gratuito con un cupo diario, dentro del comprobador completo de SVG para Cricut.