Por qué tu SVG aparece en blanco en Cricut Design Space al subirlo

Revisa en este orden

La primera comprobación lleva unos segundos y no necesita ninguna herramienta; el comprobador de abajo cubre el resto de una vez. Si Design Space muestra un mensaje de error en lugar de una vista previa vacía, empieza por la guía principal para SVG que no se suben a Cricut.

1. Descarta el blanco sobre blanco. Mira el diseño sobre un fondo oscuro o dale un color oscuro un momento en tu programa de diseño.
2. Busca objetos invisibles y ocultos: opacidad cero, sin relleno ni trazo, capas ocultas.
3. Revisa el viewBox: si falta, si tiene ancho o alto cero o negativo, o si apunta lejos del diseño.
4. Comprueba que el archivo se pueda leer: errores de XML, referencias rotas, imágenes vinculadas.
5. Busca una máscara de recorte o una máscara que lo oculte todo.

El comprobador se procesa en tu navegador: tu SVG no sale de tu dispositivo. Si en el archivo no queda nada visible, te lo dice directamente e indica cuántos objetos están ocultos o son invisibles.

Un diseño blanco sobre fondo blanco

Las formas blancas son formas reales; simplemente cuesta verlas sobre un lienzo o una vista previa blancos. Antes de dar el archivo por vacío, cambia el color de la mesa de trabajo o del fondo en tu programa de diseño, o dale a las formas un color oscuro provisional para ver dónde están. FixMySVG no trata el blanco como invisible: una forma blanca cuenta como diseño visible, así que un diseño blanco no se marca como vacío, y la lista de colores de relleno de los resultados te muestra de un vistazo si todo es #ffffff.

Formas invisibles: opacidad cero, o sin relleno ni trazo

Una forma puede existir en el archivo y no dibujar nada: su opacidad es 0, o tiene fill="none" y ningún trazo. Los programas de diseño las crean constantemente: guías, rectángulos delimitadores, marcadores, versiones atenuadas. Si un archivo solo contiene formas así, cualquier visor muestra un lienzo vacío.

Solución: si las formas deben verse, dales un relleno sólido y opacidad completa en tu programa de diseño. Si son restos, elimínalos; Safe Fix quita automáticamente los objetos invisibles.

Capas ocultas que se exportaron igualmente

Una capa que ocultaste en Illustrator, Inkscape o Affinity Designer puede acabar igualmente en el SVG, marcada con display="none" o visibility="hidden". No pasa nada si es una versión antigua que querías dejar fuera. Pero si el propio diseño está dentro de un grupo padre oculto, todas sus formas quedan ocultas también.

<g id="artwork" display="none">
  <path fill="#2f6b4f" d="M40 300 L170 170 L300 300 Z"/>
</g>

Solución: haz visible la capa en tu programa de diseño y vuelve a exportar, o quita display="none" del grupo con un editor de texto. Los restos ocultos que no necesitas pueden desaparecer: Safe Fix elimina automáticamente los objetos ocultos, pero solo aquellos de los que no depende nada más en el archivo.

Un viewBox que no muestra nada o enfoca la zona equivocada

El viewBox indica qué parte del dibujo debe mostrarse, con cuatro números: min-x, min-y, ancho y alto. Según la referencia de viewBox de MDN, un ancho o un alto de cero o menos desactiva el dibujado del elemento. Un viewBox como 0 0 0 300 o 0 0 -400 300 no muestra nada en un navegador, y otros programas pueden rechazar el archivo o hacer lo que puedan.

Un viewBox válido también puede apuntar a la zona equivocada: si moviste el diseño fuera de la mesa de trabajo, o cambiaste el tamaño de la mesa después de dibujar, la ventana visible queda vacía. FixMySVG avisa cuando la mayor parte del diseño está fuera del viewBox. En ese caso Safe Fix no toca a propósito las formas fuera del lienzo, porque lo que está mal es el lienzo, no el diseño. Ajusta la mesa de trabajo al diseño (Inkscape: Edición › Ajustar página a la selección; Illustrator: ajusta la mesa de trabajo a los límites de la ilustración) y vuelve a exportar.

Si el viewBox simplemente falta y se conocen el ancho y el alto, Safe Fix añade uno automáticamente. La guía sobre el viewBox ausente explica cómo funcionan juntos el ancho, el alto y el viewBox, y el comprobador gratuito de viewBox te dice si el tuyo es válido, falta, no es válido o no coincide con el diseño.

El archivo no se puede leer

SVG es XML, y XML es estricto: una entidad no definida, una etiqueta sin cerrar o un carácter suelto pueden hacer ilegible todo el archivo. Un culpable habitual en los SVG editados a mano o copiados es una entidad HTML como  , que XML no define. Según el programa, un archivo ilegible da un error o una vista previa vacía. FixMySVG informa de los errores de XML con la línea en la que aparecen.

Solución: abre el archivo en un editor de texto y corrige esa línea —en el caso de  , escribe un espacio normal o la forma numérica  — o, si tu programa de diseño todavía abre el archivo, vuelve a exportarlo desde ahí.

Referencias rotas e imágenes vinculadas

Referencias a ID que no existen

SVG puede reutilizar contenido por su ID: <use href="#leaf"/> dibuja una copia del elemento con id="leaf", y fill="url(#sky)" pinta una forma con un degradado definido en otro lugar. Si ese ID falta —porque se borró, se renombró o se perdió al copiar parte de un archivo—, la referencia no apunta a nada y la copia puede no dibujar nada. FixMySVG informa de las referencias rotas. Recupera la definición que falta o vuelve a exportar desde el diseño original.

Imágenes vinculadas

Un elemento de imagen SVG puede apuntar a un archivo aparte en lugar de llevar la imagen dentro del SVG. Cuando subes el SVG solo, la imagen no está. Si tu diseño es sobre todo una foto o un dibujo escaneado, la subida puede parecer vacía. Vectoriza la imagen, o sube la imagen por separado como PNG o JPG y usa Print Then Cut (Imprimir y cortar).

Una máscara de recorte o una máscara que lo oculta todo

Una máscara de recorte solo deja ver lo que cae dentro de su contorno, y una máscara muestra cada parte según su luminosidad, así que una máscara totalmente negra lo oculta todo. Si la forma de recorte está mal colocada, o la máscara es negra, todas las formas a las que se aplica desaparecen, incluso en la vista previa del navegador. Las máscaras de recorte también están en la lista de elementos no compatibles de Cricut citada arriba, así que conviene aplanarlas de todos modos: consulta cómo afectan las máscaras de recorte a las subidas a Cricut.

Si tus formas sí aparecen, pero como bloques oscuros y sólidos, es otro síntoma con otras causas: consulta por qué un SVG se convierte en un cuadro negro en Cricut.

Qué puede reparar FixMySVG y qué no

Cuando hayas resuelto la causa, vuelve a pasar el archivo por el comprobador gratuito de SVG para Cricut, o ábrelo en el comprobador completo con Safe Fix para eliminar los restos y comparar el antes y el después. Safe Fix está incluido en el plan gratuito con un cupo diario.