Visor de SVG

Pega el código SVG o sube un archivo SVG para verlo en una vista previa grande con zoom, un fondo conmutable a cuadros, claro u oscuro, y una lectura del ancho, alto y viewBox intrínsecos. Descarga el SVG o expórtalo como PNG, todo en tu navegador.

El Visor de SVG es una herramienta gratuita que renderiza cualquier SVG directamente en tu navegador para que puedas examinarlo de verdad. Pega el código SVG o sube un archivo SVG y dibuja la ilustración en una vista previa grande sobre la que puedes hacer zoom, ajustar al área o restablecer, mientras cambias el fondo entre un tablero de transparencia, blanco liso y oscuro para juzgar cómo se ve sobre distintas superficies. También lee el archivo y te muestra su ancho y alto intrínsecos, su viewBox y el tamaño renderizado actual. Cuando estés satisfecho, puedes descargar el SVG sin cambios o exportar un PNG. No se sube nada, así que tu gráfico nunca sale de tu equipo.

¿Qué es un visor de SVG?

Un visor de SVG es una herramienta que muestra una imagen de gráficos vectoriales escalables (Scalable Vector Graphics) y te da información sobre ella. Los SVG son texto XML en lugar de píxeles, por lo que abrir uno en un editor de código solo muestra el marcado y abrirlo en algunas aplicaciones elimina los detalles que te importan. Este visor renderiza la imagen real con la máxima calidad, te permite acercarte para inspeccionar los detalles finos y expone los números subyacentes: los atributos width y height que definen el tamaño intrínseco, y el viewBox que controla el sistema de coordenadas y cómo se escala el gráfico. El fondo a cuadros revela exactamente qué partes de la imagen son transparentes.

Cómo ver un SVG

Abrir e inspeccionar un SVG solo lleva unos pocos pasos:

  1. Pega el código de tu SVG en el cuadro de entrada, o haz clic en Subir archivo SVG para cargar uno desde tu dispositivo.
  2. Haz clic en Ver SVG para renderizarlo en el área de vista previa.
  3. Usa los botones de zoom para acercar y alejar, ajustar la imagen al área o restablecer al 100%.
  4. Cambia el fondo entre a cuadros, claro y oscuro para ver cómo se ve el gráfico en cada uno.
  5. Lee el tamaño intrínseco, el viewBox y el tamaño renderizado, y luego descarga el SVG o exporta un PNG.

¿Por qué importa el cambio de fondo?

La mayoría de los SVG tienen áreas transparentes, y el fondo sobre el que los colocas cambia cómo se ven. Un logotipo diseñado para un sitio blanco puede desaparecer sobre una barra de navegación oscura, y un icono blanco es invisible en una página clara. El fondo a cuadros es la forma estándar de mostrar la transparencia, así que puedes ver exactamente dónde es traslúcida la imagen. Alternar entre claro y oscuro te permite confirmar que el gráfico se sigue viendo bien antes de incorporarlo a un diseño real, sin tener que colocarlo primero en tu proyecto.

¿Es seguro y privado el visor de SVG?

Sí. El visor renderiza tu SVG apuntando un elemento de imagen a un data URI construido a partir del marcado, lo que pinta la ilustración sin ejecutar ningún script que pudiera estar incrustado en el archivo. El ancho, el alto y el viewBox se leen analizando el marcado como XML y leyendo atributos, nunca inyectando marcado en bruto en la página. Todo se ejecuta en tu navegador con JavaScript, así que el SVG que pegas o subes nunca se envía ni se almacena en ningún servidor.

¿Por qué usar este visor de SVG?

  • 100% gratis, sin anuncios, registro ni límites.
  • Vista previa grande y de alta calidad sobre la que puedes hacer zoom para inspeccionar el detalle.
  • Fondos conmutables a cuadros, claro y oscuro para probar la transparencia y el contraste.
  • Lee y muestra el ancho, el alto, el viewBox intrínsecos y el tamaño renderizado actual.
  • Descarga el SVG sin cambios o exporta un PNG renderizado a través de un canvas.
  • Se ejecuta por completo en tu navegador, así que tu gráfico nunca sale de tu dispositivo.

Preguntas frecuentes

¿El visor de SVG es gratis?

Sí. Todas las herramientas de ToolsSoup son completamente gratuitas, sin cuenta, registro ni límites ocultos.

¿Puedo abrir un archivo SVG en lugar de pegar el código?

Sí. Haz clic en Subir archivo SVG para cargar un .svg desde tu dispositivo. El archivo se lee en tu navegador y su marcado se muestra en el cuadro de entrada para que puedas editarlo o copiarlo si quieres.

¿Cómo exporto un SVG como PNG?

Después de ver tu SVG, haz clic en Descargar PNG. El visor dibuja el SVG en un canvas a su tamaño intrínseco y guarda el resultado como un PNG, así obtienes una copia rasterizada sin ningún servicio externo.

¿Se sube mi SVG a algún sitio?

No. El visor renderiza e inspecciona tu SVG por completo en tu navegador, así que el marcado que pegas o el archivo que subes nunca se envía ni se almacena en ningún servidor.