Cómo analiza y repara FixMySVG los archivos SVG

1. Lectura del archivo

El archivo se analiza como XML en tu navegador, dentro de un Web Worker. Antes de mostrar nada se eliminan los scripts, los manejadores de eventos y las referencias a recursos externos, porque un SVG se trata como contenido no confiable. Las vistas previas se muestran como imágenes y nunca se insertan en la página.

Después se mide la estructura. FixMySVG cuenta trazados y formas, comandos de trazado (una aproximación a los nodos), elementos, grupos y su nivel de anidamiento, y registra el texto editable, las imágenes incrustadas y vinculadas, las máscaras de recorte, las máscaras, los patrones, los degradados, los filtros, las copias <use>, los objetos ocultos, invisibles o fuera del lienzo, los ID duplicados, el viewBox y el tamaño declarado. A partir de esas medidas se calculan más de 30 comprobaciones.

2. De dónde sale cada regla

• Los requisitos documentados por Cricut salen de dos artículos de ayuda de Cricut, en inglés: el límite de 5000 trazados (cómo subir imágenes a Design Space) y los elementos no compatibles, es decir, rellenos con patrón, máscaras de recorte, texto editable, imágenes vinculadas e imágenes no vectoriales incrustadas (elementos no compatibles al subir imágenes).
• Las advertencias de compatibilidad de FixMySVG son propias: objetos ocultos o fuera del lienzo, formas solo con contorno, copias <use>, filtros, una cantidad muy alta de nodos, piezas diminutas, la falta de viewBox y un número de trazados a menos de un 10 % del límite, entre otras.
• Las buenas prácticas generales de SVG salen de las especificaciones de SVG y CSS.

En la sección de Cricut del informe, cada hallazgo se marca como requisito documentado por Cricut (con un enlace al artículo de ayuda del que sale), comprobación de compatibilidad de FixMySVG o buena práctica general de SVG. La página de requisitos de SVG de Cricut muestra los tres grupos uno junto a otro.

3. El veredicto

4. Cómo comprueba Safe Fix cada reparación

Safe Fix aplica las reparaciones por grupos (limpieza, objetos ocultos, ID, estilos, precisión, etc.). El archivo original y el reparado se renderizan con resvg, un motor de SVG compilado a WebAssembly que funciona en tu navegador, y se comparan sus píxeles. En archivos de hasta 40.000 elementos esto se hace después de cada grupo; los archivos más grandes se comparan una sola vez, al terminar todas las reparaciones.

• Tamaño de renderizado: 512 píxeles en el lado más largo para cada grupo y una comprobación final del archivo terminado a 1024 píxeles. Los archivos con más de 40.000 elementos solo tienen la comprobación final, a 768 píxeles; si falla, Safe Fix vuelve a empezar solo con sus reparaciones más prudentes (limpieza, grupos vacíos e ID duplicados) y comprueba de nuevo.
• Cuándo un píxel cambia: cada píxel se compone sobre blanco y sobre negro, y cuenta como cambiado si algún canal de color varía más de 32 sobre 255. Las diferencias menores son ruido del suavizado de bordes.
• Cuándo se conserva una reparación: solo si el resultado es idéntico o el cambio es insignificante (como máximo 4 píxeles cambiados, o el 0,05 % de los píxeles dibujados en diseños grandes). Si no, el grupo se deshace y el informe lo indica. Si la comprobación final aún encuentra una diferencia, el informe muestra un cambio visible en vez de dar el archivo por seguro.
• Texto: el motor de renderizado no dibuja fuentes, así que el texto se protege aparte: ninguna reparación modifica el texto y, al terminar todas, el texto del resultado se compara con el original.
• Archivos muy grandes: por encima de 200.000 elementos el archivo no se puede renderizar con fiabilidad para compararlo, así que el resultado se marca como no verificado en vez de seguro.

La optimización avanzada de los planes de pago (aplicar transformaciones y combinar formas del mismo color que no se superponen) pasa por la misma verificación.

5. Antes y después

Después de una reparación ves el original junto al archivo reparado, con las cifras que cambiaron: trazados, comandos, tamaño del archivo y el veredicto para Cricut. En los planes de pago, la comparación detallada añade un deslizador y un mapa de diferencias que resalta cualquier píxel cambiado.

6. Cuándo un archivo necesita acción manual

FixMySVG nunca convierte el texto automáticamente: sin la fuente exacta instalada, las letras cambiarían. La guía sobre el texto de un SVG que no funciona en Cricut explica cómo hacerlo en Illustrator, Inkscape y Affinity Designer.

7. Cómo se prueba el propio motor

Un conjunto de pruebas automáticas cubre la lectura del archivo, el recuento de trazados, las reglas de Cricut, la limpieza de contenido inseguro y Safe Fix, y se ejecuta antes de cada versión.

8. Qué queda en privado

• El análisis y Safe Fix funcionan en tu navegador. El archivo no se sube para revisarlo, repararlo ni compararlo.
• Para Safe Fix, el servidor solo comprueba tu cupo. Recibe algunas cifras, como el número de trazados, y el nombre del archivo (que solo se guarda en el historial de un usuario con sesión iniciada), nunca el archivo en sí.
• Si inicias sesión, tu panel guarda una lista de archivos recientes: nombre, tamaño, número de trazados y resultado. Puedes borrarla cuando quieras.
• Un archivo solo se guarda en el servidor si decides guardarlo expresamente como proyecto.
• Las analíticas, cuando están activadas, nunca reciben el contenido ni el nombre de los archivos. El texto de Copiar informe solo contiene medidas, no el nombre de tu archivo.