Por qué tu SVG aparece como un cuadro negro en Cricut Design Space

Primero, averigua qué hay en el archivo

Un cuadro negro se ve igual sea cual sea la causa, así que adivinar suele costar una tarde entera. Es más rápido leer la estructura del archivo: FixMySVG enumera máscaras, máscaras de recorte, imágenes incrustadas y vinculadas, rellenos con patrón, filtros, formas solo con contorno o invisibles, estilos CSS y errores de XML, para que veas qué sospechosos están realmente ahí. Se procesa en tu navegador: tu SVG no sale de tu dispositivo.

Si lo que ves es un mensaje de error y no una forma oscura, la guía completa sobre SVG que no se suben a Cricut repasa las demás causas habituales.

Qué puede verificar FixMySVG y qué es solo una causa posible

Es fácil mezclar dos preguntas: qué hay dentro de tu SVG y cómo lo dibuja Design Space. FixMySVG responde a la primera con exactitud. No ejecuta Design Space, así que para la segunda solo puede decirte qué factores de riesgo conocidos están presentes.

Formas sin relleno o solo con contorno

Una causa que se menciona con frecuencia es una forma sin relleno. En tu programa de diseño es un contorno o una guía invisible; después de subirla puede aparecer como una forma sólida. Muchos usuarios y diseñadores de Cricut cuentan que Design Space ignora el grosor del trazo, rellena las formas cerradas que solo tienen contorno y rellena las formas marcadas «sin relleno», a menudo de negro. Cricut no documenta este comportamiento, así que tómalo como una experiencia muy compartida, no como una regla.

• Un contorno que quieres conservar como línea visible: convierte el trazo en una forma rellena. Illustrator: Objeto › Expandir; Inkscape: Trayecto › Trazo a trayecto; Affinity Designer: Capa › Expandir trazo.
• Una guía, un rectángulo delimitador o un marcador sin relleno ni trazo: elimínalo. Safe Fix quita automáticamente estos objetos invisibles.
• Una forma que debería ir rellena: dale un color de relleno sólido explícito antes de exportar.

Si la zona oscura tiene exactamente el tamaño de tu mesa de trabajo, busca un rectángulo a tamaño completo sin relleno: una caja guía o un fondo antiguo que se coló en la exportación.

Máscaras y máscaras de recorte

Una máscara o una máscara de recorte oculta parte de una forma. En pantalla ves el resultado, pero el archivo sigue conteniendo la forma completa más la máscara que la recorta. Si la máscara no se aplica, la forma de debajo puede aparecer entera, como una sola pieza sólida; y la descripción que hace Cricut de las máscaras de recorte no compatibles, citada abajo, incluye expresamente las formas que enmascaran a otras.

Solución: convierte el efecto en geometría real. Libera la máscara y luego recorta o resta las formas para que el archivo contenga solo lo que ves; en la insignia, un círculo con un hueco de verdad en forma de estrella. Los pasos para Illustrator, Inkscape y Affinity Designer, y los riesgos de aplanar el diseño, están en la guía para quitar máscaras de recorte antes de usar Cricut.

Imágenes incrustadas y rellenos con patrón

Un SVG puede llevar dentro una foto PNG o JPG (MDN: image). Cricut incluye las imágenes incrustadas no compatibles entre los elementos no admitidos y explica que .svg y .dxf son formatos vectoriales que Design Space usa para crear archivos de corte separados en capas por color (Ayuda de Cricut: elementos no compatibles). Una foto no tiene líneas de corte, así que puede aparecer como un bloque relleno o no aparecer.

Los rellenos con patrón dan problemas parecidos. La definición de Cricut, citada arriba, abarca degradados de color, texturas, patrones, imágenes y fotografías usados como relleno, y una forma pintada con uno de ellos puede llegar como un único color sólido.

• Imágenes: vectorízalas, o sube la imagen por separado como PNG o JPG y usa Print Then Cut (Imprimir y cortar).
• Patrones y degradados: sustitúyelos por colores sólidos o expande el patrón en formas reales (Illustrator: Objeto › Expandir).

La guía sobre todo lo que Cricut considera no compatible en un SVG cubre también el texto editable y las imágenes vinculadas.

Estilos CSS, filtros y archivos dañados

Colores guardados en un bloque `<style>`

Muchos programas exportan los colores como clases CSS dentro de un bloque <style> en lugar de un atributo fill en cada forma. Los navegadores aplican ese CSS. Un importador que no lo haga verá formas sin relleno especificado, que en SVG son negras por defecto. Lo mismo ocurre con una capa ocultada mediante una clase CSS: si la clase se ignora, la capa vuelve a aparecer. Cricut no documenta cómo trata Design Space el CSS, así que es una causa plausible, no confirmada, pero es fácil descartarla.

<style>.st0 { fill: #e2725b; }</style>
<path class="st0" d="M10 10 h80 v80 h-80 z"/>

<path fill="#e2725b" d="M10 10 h80 v80 h-80 z"/>

En las opciones de exportación SVG de Illustrator, elige «Atributos de presentación» para los estilos. Si el archivo ya está exportado, Safe Fix pasa automáticamente los estilos CSS a atributos y comprueba que el diseño se vea igual después.

Filtros y `<foreignObject>`

Las sombras, los desenfoques y los resplandores son filtros SVG, y <foreignObject> incrusta HTML dentro del SVG. Ninguno de los dos describe una línea de corte. FixMySVG señala ambos. Quita el efecto antes de exportar; si una sombra forma parte del diseño, dibújala como una forma sólida independiente.

SVG mal formado

Un archivo con un error de XML —por ejemplo, una entidad HTML como  , que XML no define— puede no leerse en absoluto. Según el programa, eso acaba en un mensaje de error, una vista previa rota o un lienzo vacío. FixMySVG informa de los errores de XML con la línea en la que aparecen. Si no ves nada en lugar de algo negro, la guía sobre SVG que se suben en blanco trata ese síntoma.

Qué puede reparar FixMySVG y qué no

Para un veredicto rápido sin cambiar nada, el comprobador gratuito de SVG para Cricut muestra «Listo», «Necesita atención» o «No está listo», con los motivos. Para reparar lo que se puede reparar y comparar el antes y el después, usa el comprobador completo con Safe Fix. Safe Fix está incluido en el plan gratuito con un cupo diario.