Analice gráficos vectoriales SVG con información detallada de elementos, visor de código fuente, análisis de la estructura DOM y vista previa en tiempo real. Visor gratuito, rápido y seguro basado en navegador.
o haga clic para explorar los archivos
Vea su SVG renderizado en tiempo real con controles de zoom y fondo de cuadrícula de transparencia.
Vea el código SVG/XML resaltado por sintaxis con opciones de copiar y descargar.
Explore la estructura jerárquica de los elementos SVG con la vista de árbol plegable.
Todo el procesamiento se realiza en tu navegador. Los archivos nunca salen de tu dispositivo.
SVG (Gráficos Vectoriales Escalables) es un formato de imagen vectorial basado en XML para gráficos 2D. A diferencia de los formatos rasterizados (PNG, JPG), las imágenes SVG se pueden escalar a cualquier tamaño sin perder calidad. Son ideales para logotipos, iconos, ilustraciones y gráficos interactivos en la web.
El atributo viewBox define el sistema de coordenadas y la relación de aspecto de un SVG. Consta de cuatro valores: min-x, min-y, ancho y alto. Esto permite que el SVG se escale proporcionalmente independientemente de su tamaño de visualización, lo que permite un comportamiento responsivo.
¡Sí! Usa el botón "Exportar PNG" para descargar tu SVG como imagen PNG. Para otras conversiones, consulta nuestra SVG a ICO, SVG a Favicon o SVG a PNG Convertidores para más opciones.
Sí, sus archivos están completamente seguros. Todo el procesamiento de SVG se realiza localmente en su navegador mediante JavaScript. Sus archivos nunca se suben a ningún servidor, lo que garantiza la total privacidad de sus gráficos vectoriales y su contenido.
Algunos SVG pueden usar recursos externos (fuentes, imágenes, CSS), requerir JavaScript o tener funciones complejas que los navegadores gestionan de forma diferente. Si su SVG no se visualiza correctamente, pruebe nuestro Analizador SVG para comprobar si hay posibles problemas o elementos faltantes.
La vista de estructura DOM (Modelo de Objetos del Documento) muestra la organización jerárquica de los elementos en su archivo SVG. Le ayuda a comprender cómo se anidan los elementos (grupos, rutas, formas) y sus atributos, lo cual resulta útil para editar u optimizar código SVG.