Cómo preparar un SVG para Cricut: lista de 11 pasos antes de subirlo

Antes de empezar, guarda una versión maestra editable. Varios pasos no tienen vuelta atrás: el texto convertido en contornos no se puede editar como texto y las formas recortadas no vuelven. Conserva tu original con capas y exporta una copia aparte para Cricut.

La versión corta

1. Convierte todo el texto en contornos.
2. Suelta las máscaras de recorte y las máscaras, y recorta las formas.
3. Elimina, vectoriza o separa las imágenes vinculadas e incrustadas.
4. Usa colores planos: sin degradados, patrones ni efectos.
5. Convierte en formas los contornos que deban cortarse.
6. Elimina los objetos ocultos, invisibles y fuera del lienzo.
7. Mantén el número de trazados por debajo de 5000.
8. Simplifica las ilustraciones con demasiados nodos.
9. Define un viewBox y un tamaño en pulgadas o milímetros.
10. Abre el SVG exportado en un navegador.
11. Haz una comprobación de compatibilidad.

La lista antes de subir, paso a paso

El orden importa: los arreglos de estructura van primero porque cambian el número de trazados, y las comprobaciones van al final. Cada paso tiene un motivo breve (por qué) y los menús que debes usar (cómo).

1. Convierte todo el texto en contornos

Por qué: Cricut incluye el texto editable entre los elementos no compatibles. El elemento <text> de un SVG solo nombra una fuente, así que las letras dependen de que esa fuente esté disponible.

Cómo: Illustrator: Texto › Crear contornos. Inkscape: Trayecto › Objeto a trayecto. Affinity Designer: Capa › Convertir en curvas. Hazlo con la fuente original instalada. La guía para arreglar el texto de un SVG para Cricut explica las fuentes manuscritas y el texto en un trazado.

2. Suelta las máscaras de recorte y las máscaras

Por qué: Cricut incluye entre los elementos no compatibles las máscaras de recorte, en las que una forma enmascara o recorta a las demás («masks or clips»). Las partes ocultas siguen dentro del archivo.

Cómo: suelta el recorte (Illustrator: Objeto › Máscara de recorte › Soltar; Inkscape: Objeto › Recorte › Liberar recorte, en inglés Object › Clip › Release) y luego recorta la ilustración a la forma del recorte con Buscatrazos › Recortar o Intersecar en Illustrator, o con Trayecto › Intersección en Inkscape. Elimina los restos.

3. Resuelve las imágenes vinculadas e incrustadas

Por qué: Cricut incluye entre los elementos no compatibles las imágenes vinculadas («not embedded within your file», no incrustadas en el archivo) y las imágenes incrustadas no compatibles. Incrustar una foto vinculada no la hace cortable: siguen siendo píxeles.

Cómo: elimina las imágenes que no necesites, como fotos de referencia o marcadores de posición. Vectoriza las ilustraciones que quieras cortar. Si es una foto para imprimir, quítala del SVG y súbela aparte como PNG o JPG para Print Then Cut (Imprimir y cortar).

4. Usa solo colores planos

Por qué: Cricut considera rellenos con patrón los degradados de color, las texturas, los patrones y las imágenes usadas como relleno, y no los admite; además, Design Space separa los diseños en capas por color. FixMySVG también recomienda eliminar los efectos de filtro, como sombras y desenfoques, que no tienen nada que cortar.

Cómo: sustituye los degradados por un relleno sólido, expande en formas reales los patrones que quieras cortar (Illustrator: Objeto › Expandir) y elimina los efectos.

5. Convierte en formas los contornos que deban cortarse

Por qué: según comentan con frecuencia los usuarios de Cricut, Design Space ignora el grosor del trazo y rellena las formas cerradas que solo tienen contorno.

Cómo: Illustrator: Objeto › Expandir. Inkscape: Trayecto › Trazo a trayecto. Affinity Designer: Capa › Expandir trazo. Las líneas que vayas a dibujar o marcar en lugar de cortar pueden quedarse como líneas.

6. Elimina los objetos ocultos, invisibles y fuera del lienzo

Por qué: recomendación de FixMySVG. Las versiones antiguas en capas ocultas, las guías y los restos fuera de la mesa de trabajo sobran en un archivo de corte, y los usuarios comentan a menudo que las formas sin relleno pueden aparecer rellenas, muchas veces de negro.

Cómo: muestra todas las capas y elimina lo que no necesites, incluido todo lo que esté fuera de la mesa de trabajo. Safe Fix elimina los restos ocultos, invisibles o fuera del lienzo de los que no depende nada más. Si una capa oculta es el propio diseño, hazla visible antes.

7. Cuenta los trazados

Por qué: Cricut limita los SVG a 5000 trazados, y por encima Design Space muestra «File Too Large» (archivo demasiado grande) (Ayuda de Cricut: cómo subir imágenes). Cricut no define qué cuenta como trazado, así que FixMySVG cuenta cada forma del diseño, incluidas las ocultas: elementos <path>, formas básicas como rectángulos y círculos, y copias hechas con <use>. FixMySVG avisa a partir de 4500 trazados, como margen de seguridad propio.

Cómo: cuenta después de convertir el texto, porque las letras convertidas suelen quedar como trazados separados. El contador de trazados SVG gratuito muestra cuánto se pasa un archivo del límite. Para bajar de él, combina las piezas del mismo color en trazados compuestos (Illustrator: Objeto › Trazado compuesto › Crear; Inkscape: Trayecto › Combinar), elimina las motas o divide el diseño en varios archivos. La guía sobre cómo reducir los trazados de un SVG entra en más detalle.

8. Mantén un número razonable de nodos

Por qué: los trazados no son la única medida de complejidad. En nuestro archivo de ejemplo con formas de aspecto vectorizado, el analizador de FixMySVG indica 525 trazados pero 106.050 comandos de trazado: muy por debajo del límite de trazados, pero con complejidad ALTA. Cricut no documenta un límite de nodos; este paso es una recomendación de FixMySVG.

Cómo: simplifica las ilustraciones vectorizadas automáticamente o muy detalladas (Illustrator: Objeto › Trazado › Simplificar; Inkscape: Trayecto › Simplificar) y elimina los detalles demasiado pequeños para cortarlos.

9. Define un viewBox y un tamaño real

Por qué: el viewBox define la posición y las dimensiones, en el espacio de usuario, de la ventana gráfica de un SVG (MDN: viewBox). Recomendación de FixMySVG: sin uno válido, un diseño puede llegar con un tamaño inesperado o en parte fuera del lienzo. Los tamaños en píxeles añaden incertidumbre: el estándar CSS define 96 px por pulgada (W3C: longitudes absolutas), mientras que muchos usuarios indican que Design Space lee los píxeles a 72 por pulgada.

Cómo: define las unidades del documento en pulgadas o milímetros, ajusta la mesa de trabajo o la página a la ilustración y comprueba que la etiqueta <svg> exportada tenga width, height y un viewBox con las mismas proporciones. Los problemas de tamaño se explican en por qué un SVG se importa con un tamaño incorrecto en Cricut.

<svg xmlns="http://www.w3.org/2000/svg"
     width="6in" height="4in"
     viewBox="0 0 600 400">

10. Abre el SVG exportado en un navegador

Por qué: un navegador dibuja el archivo exactamente como se guardó, así que muestra problemas de exportación que tu programa de diseño puede ocultar: ilustraciones cortadas en el borde del lienzo, un enlace de imagen roto, proporciones incorrectas o piezas que no esperabas. No revela el texto editable ni las máscaras de recorte, que los navegadores muestran con normalidad; de eso se encarga el último paso.

Cómo: arrastra el archivo .svg a una ventana abierta del navegador. Para ver el código, usa la opción de ver el código fuente del navegador y busca <text, <clipPath, <mask o <image.

11. Haz una comprobación de compatibilidad

Por qué: un comprobador lee la estructura del archivo y detecta lo que una vista previa no muestra: texto editable, máscaras de recorte, máscaras, rellenos con patrón, imágenes, objetos ocultos y el número de trazados. FixMySVG da un veredicto («Listo», «Necesita atención» o «No está listo») con los motivos.

Cómo: suelta tu SVG exportado en el comprobador de abajo. Funciona en tu navegador, así que el archivo no sale de tu dispositivo. La misma comprobación está disponible como comprobador de SVG para Cricut independiente.

Notas de exportación por programa

Cricut no publica ajustes de exportación para los programas de diseño. Estos ajustes generales mantienen el SVG exportado sencillo y predecible.

Adobe Illustrator

• Ajusta la mesa de trabajo a la ilustración antes de exportar, para que no quede margen vacío ni nada sobresalga del borde.
• Usa Archivo › Guardar como y elige SVG, o Archivo › Exportar › Exportar como › SVG.
• En las opciones de SVG, elige «Atributos de presentación» para los estilos, así los colores se escriben en cada forma y no en una hoja de estilos (recomendación de FixMySVG).

Inkscape

• Selecciona todo y ajusta la página a la selección (Edición › Ajustar página a la selección, en inglés Edit › Resize Page to Selection) para que la página coincida con la ilustración.
• En Propiedades del documento, define las unidades en pulgadas o milímetros.
• Guarda una copia en formato «SVG simple» (Plain SVG, sin los datos propios de Inkscape) y conserva el SVG de Inkscape como versión maestra editable.

Affinity Designer

• Convierte antes el texto en curvas (Capa › Convertir en curvas) y expande los trazos que deban cortarse (Capa › Expandir trazo).
• Exporta con Archivo › Exportar › SVG.
• Abre el archivo exportado en un navegador (paso 10) para confirmar que se ve como esperas.

Qué puede hacer FixMySVG por ti y qué no

Safe Fix aplica los cambios por grupos. Cada grupo se verifica dibujando el archivo antes y después y comparando los píxeles, y cualquier grupo que cambiaría el aspecto del diseño se deshace. Safe Fix está incluido en el plan gratuito con un cupo diario.

Si un archivo preparado sigue sin subirse, la guía de solución de problemas para SVG que no se suben a Cricut repasa cada causa, y la guía de elementos SVG no compatibles con Cricut explica ese mensaje. La referencia de requisitos SVG de Cricut separa lo que documenta Cricut de los avisos propios de FixMySVG, y el comprobador completo de FixMySVG con Safe Fix muestra un antes y un después de cada cambio automático.