¿Qué cuenta como problema?

Los errores rompen el archivo o son peligrosos, las advertencias pueden dar resultados erróneos y las notas conviene conocerlas. Cada elemento indica de qué tipo es.

¿Por qué importan los ID duplicados?

Cuando varios SVG comparten página, un ID repetido puede hacer que degradados, máscaras y referencias apunten a la forma equivocada.

¿El tamaño gzip es real?

Sí. Tu navegador comprime el código e informa del número real de bytes. Solo se muestra si tu navegador lo admite.

¿Mi archivo se sube?

No. El análisis se ejecuta en tu pestaña del navegador.

Inspector SVG: encuentra problemas en el código SVG

Pega o abre un SVG para ver su estructura, colores y recursos, y una lista de problemas en la que puedes hacer clic para saltar a la línea exacta.

Suelta aquí un archivo SVG

Hasta 5 MB. Se abre solo en tu navegador.

Tu SVG se procesa en esta pestaña del navegador. Nunca se sube.

Cómo funciona

Abre un archivo o pega código. El código aparece a la izquierda.
Lee la pestaña Problemas y haz clic en un resultado para saltar a su línea.
Corrige el código en el sitio. El análisis se actualiza mientras escribes.

Usos habituales

Averiguar por qué un SVG se ve en blanco o con el tamaño equivocado.
Corregir ID duplicados antes de poner varios SVG en una página.
Listar los colores y fuentes de los que depende un gráfico.

Qué hace

Detecta XML inválido, viewBox ausente, ID duplicados y referencias rotas.
Señala scripts, controladores de eventos y referencias externas.
Comprueba que haya título y rol para que los lectores de pantalla nombren el gráfico.
Lista colores, degradados, imágenes, fuentes, ID y clases con su uso.

Conviene saber

El inspector lee el código, no lo dibuja. Los colores se encuentran en atributos, atributos style y elementos style con un escaneo sencillo, no con la cascada CSS completa, y las comprobaciones de accesibilidad son básicas, no una auditoría completa.

Preguntas frecuentes

¿Qué cuenta como problema?: Los errores rompen el archivo o son peligrosos, las advertencias pueden dar resultados erróneos y las notas conviene conocerlas. Cada elemento indica de qué tipo es.
¿Por qué importan los ID duplicados?: Cuando varios SVG comparten página, un ID repetido puede hacer que degradados, máscaras y referencias apunten a la forma equivocada.
¿El tamaño gzip es real?: Sí. Tu navegador comprime el código e informa del número real de bytes. Solo se muestra si tu navegador lo admite.
¿Mi archivo se sube?: No. El análisis se ejecuta en tu pestaña del navegador.

Herramientas relacionadas

¿Listo para cambiarlo? Edítalo en el editor SVG.
¿Solo quieres ver un archivo? Ábrelo en el visor SVG.
Mira todas las herramientas en SVG Studio.