Visor y analizador SVG

Inspeccione elementos SVG, verifique la estructura del archivo, analice las dimensiones y obtenga recomendaciones de optimización para sus gráficos vectoriales.

Deja tu SVG aquí

o haga clic para explorar los archivos

Acepta archivos SVG de hasta 5 MB

Cómo funciona

  1. Sube tu SVG archivo usando arrastrar y soltar o el explorador de archivos.
  2. La herramienta analiza la estructura del archivo, los elementos y los atributos.
  3. Revise el puntaje de calidad y el potencial de optimización.
  4. Verifique los tipos de elementos y su impacto en el tamaño del archivo.
  5. Siga las recomendaciones para optimizar su archivo SVG.

Entendiendo el análisis

Nivel de calidad

Una puntuación de 0 a 100 basada en el tamaño del archivo, la complejidad del elemento, la presencia de viewBox y el contenido incrustado.

Impacto del elemento

Elementos como rutas y texto tienen un impacto medio, mientras que las imágenes y scripts incrustados tienen un alto impacto en el tamaño del archivo.

Optimiza

Indica cuánto se podría reducir potencialmente el tamaño del archivo mediante técnicas de optimización.

Mejores prácticas de SVG

Incluir siempre viewBox

El atributo viewBox permite que los SVG se escalen correctamente a cualquier tamaño manteniendo la relación de aspecto y la posición.

Minimizar elementos

Reduzca la complejidad fusionando rutas, eliminando elementos ocultos y eliminando grupos innecesarios.

Evite las imágenes incrustadas

Las imágenes raster incrustadas anulan la función del formato SVG. Conviértalas en rutas vectoriales siempre que sea posible.

Limpiar código

Elimine los metadatos del editor, los comentarios y las definiciones no utilizadas para reducir significativamente el tamaño del archivo.

Pro consejo: Después de analizar, utilice nuestro Compresor SVG para aplicar automáticamente estas optimizaciones.

Preguntas Frecuentes

La puntuación de calidad (0-100) evalúa tu SVG según el tamaño del archivo, la complejidad de los elementos, la presencia del atributo viewBox y si contiene imágenes o scripts incrustados. Las puntuaciones más altas indican archivos mejor optimizados.

El impacto de los elementos indica cuánto afecta cada tipo de elemento al tamaño del archivo y al rendimiento de renderizado. Los elementos de alto impacto, como las imágenes incrustadas y los filtros, aumentan significativamente el tamaño del archivo, mientras que los de bajo impacto, como las formas básicas, tienen un efecto mínimo.

El atributo viewBox define el sistema de coordenadas y la relación de aspecto de tu SVG, lo que le permite escalar correctamente a cualquier tamaño. Sin él, los SVG podrían no visualizarse correctamente al redimensionarse o aparecer recortados.

Sí, todos los archivos subidos se eliminan automáticamente de nuestros servidores en una hora. No almacenamos, compartimos ni analizamos sus archivos, salvo para proporcionarle los resultados del análisis que ve en pantalla.