Visor y Editor SVG
Previsualice, edite y optimice archivos SVG en línea. Vista previa en tiempo real, edición de código y herramientas de optimización.
¿Qué es el formato SVG?
SVG (Gráficos Vectoriales Escalables) es un formato de imagen vectorial basado en XML que permite escalado infinito sin pérdida de calidad. Se usa ampliamente para logotipos, iconos y gráficos web.
¿Cuál es la diferencia entre SVG y PNG?
SVG es un formato vectorial que usa fórmulas matemáticas para describir gráficos y puede escalarse infinitamente sin perder calidad. PNG es un formato ráster compuesto de píxeles que se vuelve borroso al ampliarse. SVG es ideal para logotipos, iconos y diagramas, mientras que PNG es más adecuado para fotos.
¿Qué formatos de archivo puedo ver?
Esta herramienta visualiza archivos SVG. Puede pegar código SVG directamente o subir un archivo .svg desde su dispositivo.
¿Puedo editar el código SVG directamente?
Sí, puede editar el código fuente SVG en el panel del editor y ver los cambios en el panel de vista previa en tiempo real.
¿Cómo funciona la vista previa en tiempo real?
El panel de vista previa se actualiza automáticamente mientras escribe en el editor de código, mostrándole exactamente cómo se renderizará su SVG en los navegadores.
¿Cómo optimizo mi SVG?
Haga clic en el botón Optimizar para eliminar espacios innecesarios, comentarios, metadatos y atributos redundantes, reduciendo el tamaño del archivo.
¿Puedo cambiar los colores y estilos SVG?
Sí, puede modificar colores de relleno, colores de trazo, opacidad y otros atributos de estilo directamente en el código SVG.
¿SVG soporta animación?
Sí, SVG soporta animaciones a través de SMIL (Lenguaje de Integración Multimedia Sincronizada) y animaciones CSS. Puede crear efectos como movimiento, cambios de color y transformaciones de forma directamente dentro de SVG.
¿Qué navegadores son compatibles?
Esta herramienta funciona en todos los navegadores modernos, incluyendo Chrome, Firefox, Safari y Edge.
¿Cómo puedo validar la sintaxis SVG?
La herramienta resalta automáticamente los errores de sintaxis en su código SVG, ayudándole a identificar y corregir problemas inmediatamente.
¿Puedo redimensionar SVG sin pérdida de calidad?
Sí, SVG es un formato vectorial que puede escalarse a cualquier tamaño sin perder calidad ni pixelarse.
¿Se envían mis datos SVG a un servidor?
No, todo el procesamiento ocurre localmente en su navegador. Su contenido SVG nunca sale de su dispositivo.
Cómo usar Visor y Editor SVG
SVG Viewer & Editor muestra un SVG en cuanto pega su código o suelta el archivo, y permite editar el marcado con vista previa en vivo. Todo sucede localmente en su navegador.
- Pegue su código SVG en el editor con la pista “Paste SVG code here or drag & drop a file...”, o arrastre un archivo .svg a la página.
- El gráfico se muestra de inmediato en la vista previa junto al código.
- Edite atributos como viewBox, width, height, fill o los datos del trazado directamente en el código; la vista previa se actualiza mientras escribe.
- Corrija problemas comunes al momento, como un atributo xmlns ausente o un viewBox que recorta el dibujo.
- Copie el código final una vez que la vista previa se vea bien.
Si la vista previa queda en blanco, compruebe que el código empieza por <svg e incluye el espacio de nombres xmlns — un xmlns ausente es la causa más habitual.
Herramientas relacionadas
- Optimizador SVG Optimiza y comprime archivos SVG al instante en tu navegador. Elimina metadatos, comentarios y datos innecesarios, reduce el tamaño hasta un 60%.
- Convertidor de SVG a PNG Convierte SVG a PNG, JPEG o WebP al instante en tu navegador. Personaliza escala, tamaño y color de fondo. Gratis, privado, sin carga.
- Calculadora Chmod Calculadora chmod online gratuita para visualizar y calcular permisos de archivos Linux con casillas. Convierte instantáneamente entre notación numérica (755, 644) y simbólica (rwxr-xr-x). Soporta permisos especiales como setuid, setgid, sticky bit.
- Tabla ASCII Referencia completa de codificación de caracteres ASCII con códigos decimales, hexadecimales, octales, binarios, entidades HTML y descripciones. Búsqueda y filtro instantáneos.
- Probador de Solicitudes HTTP Prueba APIs REST directamente en tu navegador. Envía solicitudes GET, POST, PUT, DELETE con headers, body y parámetros personalizados. Ve el estado, headers y cuerpo JSON al instante.
- Generador .htaccess Genere reglas .htaccess de Apache para redirecciones, reescrituras, cabeceras de seguridad, caché y más.
- Generador de Robots.txt Generador gratuito de robots.txt en línea. Cree y personalice archivos robots.txt para controlar el rastreo de motores de búsqueda, gestionar el acceso de rastreadores y optimizar el SEO de su sitio.
- Generador de Sitemap Generador gratuito de sitemap XML en línea. Agregue URLs, configure prioridades y frecuencias, cree sitemaps SEO al instante.