Visor SVG
Ve archivos SVG online: suelta un archivo o pega el código para previsualizarlo, hacer zoom y editarlo al instante. Todo ocurre en tu navegador.
- Sin subidas
- Funciona sin conexión
- Gratis, sin registro
- Tus archivos no salen del navegador
Suelta archivos SVG aquí
o pega código SVG en el editor. Puedes abrir varios archivos a la vez.
Tu SVG se queda en este dispositivo. No se sube nada.
Cómo usar el Visor SVG
- 1
Abre tu SVG
Arrastra y suelta uno o varios archivos .svg, pega código SVG o elige archivos de tu dispositivo.
- 2
Previsualiza y edita
La vista previa se actualiza mientras escribes. Haz zoom, desplázate, cambia el fondo o activa el modo contorno para ver cada trazado.
- 3
Exporta
Optimiza con SVGO y descarga en SVG, PNG, JPG, WebP o ICO, o copia código de React, Vue o data URI.
¿Qué es un visor SVG?
Un visor SVG abre archivos Scalable Vector Graphics (.svg) y los dibuja en pantalla. Como SVG es un formato de texto, un buen visor también muestra el código que hay detrás de la imagen, para que veas exactamente por qué una forma, un color o un degradado se ve como se ve.
viewsvg es un visor SVG online y editor gratuito. Muestra tu archivo en cuanto lo sueltas, te permite hacer zoom del 2 % al 6400 %, desplazarte y comprobar la imagen sobre fondo transparente, blanco, negro o personalizado. El editor de código está junto a la vista previa y la actualiza mientras escribes, así que ver y corregir un SVG ocurre en el mismo sitio.
Cómo abrir un archivo SVG en cualquier dispositivo
La forma más rápida de ver un SVG en cualquier dispositivo es abrirlo aquí: pulsa Abrir o arrastra el archivo a esta página. Funciona en Chrome, Edge, Safari y Firefox, en ordenador y en móvil, sin instalar nada. Tu sistema operativo también puede mostrar SVG, con algunas limitaciones:
Windows
Windows no muestra vistas previas de SVG en el Explorador de archivos ni en la app Fotos de forma predeterminada. Haz clic derecho en el archivo, elige Abrir con y selecciona Microsoft Edge o Chrome, o instala Microsoft PowerToys para tener miniaturas y panel de vista previa de SVG. Para ver el código o editar la imagen, ábrelo en viewsvg.
Mac
Selecciona el archivo en el Finder y pulsa la barra espaciadora para verlo con Vista rápida, o ábrelo en Safari. Ninguno muestra el código, el viewBox ni el tamaño del archivo. Suelta el archivo aquí para consultarlos.
iPhone y iPad
La app Archivos puede previsualizar muchos SVG. Para hacer zoom, comprobar la transparencia o exportar a PNG, abre viewsvg en Safari, toca Abrir y elige el archivo desde Archivos o iCloud Drive.
Android
La mayoría de las galerías de Android no admiten SVG. Abre esta página en Chrome, toca Abrir y elige el archivo desde tu almacenamiento o Google Drive.
Linux
El visor de imágenes de GNOME, Gwenview y la mayoría de los gestores de archivos muestran SVG. Usa viewsvg cuando además necesites el código, optimizar o exportar a PNG.
¿Qué es un archivo SVG?
SVG (Scalable Vector Graphics, gráficos vectoriales escalables) es un formato de imagen basado en XML del W3C. En lugar de píxeles, un archivo SVG describe formas: trazados, círculos, rectángulos, texto y degradados, con coordenadas dentro de un viewBox. Por eso los SVG se ven nítidos a cualquier tamaño, desde un favicon de 16 px hasta una valla publicitaria, y por eso los iconos sencillos suelen pesar menos que su equivalente en PNG.
Todos los navegadores admiten SVG, así que es el formato estándar para logotipos, iconos, ilustraciones, gráficos e interfaces en la web. Como el archivo es texto plano, puedes abrirlo en cualquier editor de código, pero solo ves cómo queda cuando se renderiza. Un visor SVG te da las dos cosas.
¿Por qué usar viewsvg en lugar de una pestaña del navegador o una app de diseño?
Abrir un SVG en una pestaña del navegador muestra la imagen y nada más. Una app de diseño como Illustrator, Figma o Inkscape puede editarlo, pero tarda en abrir y a menudo reescribe el código. viewsvg está en medio:
| Función | Pestaña del navegador | App de diseño | viewsvg |
|---|---|---|---|
| Se abre al instante, sin instalar | Sí | No | Sí |
| Zoom, desplazamiento y ajuste | Limitado | Sí | Sí, hasta el 6400 % |
| Ver y editar el código en vivo | No | No | Sí |
| Fondos transparente, oscuro y personalizado | No | Sí | Sí |
| Modo contorno y cuadrícula de píxeles | No | Sí | Sí |
| Optimizar con SVGO | No | No | Sí |
| Exportar a PNG, JPG, WebP, ICO y JSX | No | En parte | Sí |
| Los archivos no salen de tu dispositivo | Sí | Sí | Sí |
También es seguro con archivos que no son de confianza: los scripts, los manejadores de eventos y los enlaces javascript: se eliminan antes de mostrar nada.
Todo lo que necesitas para trabajar con SVG
El Visor SVG forma parte de un único espacio para ver, editar, optimizar y convertir archivos SVG, sin registro, sin anuncios y sin subidas.
Vista previa al instante
Zoom hasta el 6400 %, desplazamiento, ajuste a la pantalla y fondo transparente, blanco, negro o del color que quieras.
Editor de código en vivo
Resaltado de sintaxis, marcadores de error por línea, formatear y minificar, búsqueda e historial de deshacer completo.
Contorno y cuadrícula
Ve cada trazado en modo contorno y comprueba la alineación de píxeles con la cuadrícula al hacer zoom.
Inspeccionar
Tamaño del archivo y con gzip, viewBox, árbol de elementos con resaltado y cambio de colores con un clic.
Optimizar con SVGO
Reduce archivos comparando antes y después, con precisión ajustable. Optimiza todos los archivos abiertos a la vez.
PNG, JPG, WebP e ICO
Exporta a cualquier tamaño hasta 16384 px, con transparencia, o copia el PNG directamente al portapapeles.
React, Vue y Svelte
Componentes JSX/TSX, React Native, Vue y Svelte limpios, con soporte para currentColor y props.
Varios archivos a la vez
Abre muchos SVG como pestañas y optimízalos en lote o descárgalos en un ZIP de SVG o PNG.
Privado y sin conexión
Sin subidas ni cuentas. Tu trabajo se guarda en el navegador y la app funciona sin conexión tras la primera visita.
Preguntas frecuentes
¿Cómo veo un archivo SVG online?
Arrastra el archivo .svg a esta página o pulsa «Abrir» y elígelo. El SVG se muestra al momento en la vista previa y su código aparece en el editor para que puedas cambiarlo en vivo.
¿Qué programa abre archivos SVG?
Cualquier navegador moderno (Chrome, Edge, Safari, Firefox) puede abrir archivos SVG, igual que apps de diseño como Illustrator, Inkscape y Figma. Un visor SVG online como viewsvg funciona en cualquier dispositivo sin instalar nada y además muestra el código, el tamaño y el viewBox.
¿Cómo veo el código de un archivo SVG?
Abre el archivo aquí y su código aparece en el editor junto a la vista previa, con resaltado de sintaxis y números de línea. Usa Formatear para indentar el código minificado y leerlo con facilidad.
¿Puedo editar el código SVG y ver los cambios en vivo?
Sí. El editor tiene resaltado de sintaxis, marcadores de error y deshacer. Cada cambio vuelve a dibujar la vista previa. También puedes girar, voltear, redimensionar y cambiar colores sin tocar el código.
¿Por qué mi SVG muestra un error?
SVG es XML, así que debe estar bien formado: etiquetas cerradas, atributos entre comillas y un elemento raíz <svg> con xmlns="http://www.w3.org/2000/svg". viewsvg marca la línea exacta del problema y mantiene en pantalla la última vista previa válida mientras lo corriges.
¿Puedo abrir varios archivos SVG a la vez?
Sí. Suelta varios archivos y cada uno se abre en una pestaña. Puedes cambiar entre ellos, optimizarlos todos a la vez o descargarlos en un ZIP de SVG o PNG.
¿Puedo ver archivos SVG en el móvil?
Sí. viewsvg funciona en Safari y Chrome para móvil. Toca Abrir para elegir un SVG de tus archivos, pellizca para hacer zoom y arrastra para desplazarte.
¿El visor muestra SVG animados?
Sí. Las animaciones SMIL (<animate>, <animateTransform>) y las animaciones CSS dentro del SVG se reproducen en la vista previa. Solo se eliminan los scripts.
¿Es seguro abrir archivos SVG de origen desconocido?
viewsvg elimina scripts, manejadores de eventos y enlaces javascript: antes de mostrarlos, y renderiza el SVG en un shadow DOM aislado para que sus estilos no afecten a la página.
¿Se suben mis archivos SVG a algún sitio?
No. viewsvg funciona por completo en tu navegador. Los archivos se leen, se muestran, se optimizan y se convierten en tu dispositivo, y nada se envía a un servidor. Después de la primera visita funciona incluso sin conexión.
¿viewsvg es gratis?
Sí. Todas las funciones son gratuitas, sin registro, sin marcas de agua y sin límite de archivos.