Editar archivos SVG en línea

Abre un SVG y edítalo visualmente — añade formas y texto, ajusta posiciones, tamaños, rellenos y trazos, y reordena elementos con una vista previa en vivo. Todo se ejecuta localmente en tu navegador, totalmente gratis.

Potente edición de SVG, justo en tu navegador

Lista de elementos visual

Cada forma, trazado y nodo de texto del archivo se enumera por etiqueta con un resumen en vivo, para que puedas ver de un vistazo lo que contiene el dibujo y elegir exactamente qué cambiar.

Formas y geometría

Añade rectángulos, círculos, elipses, líneas, polígonos y trazados con un clic, y luego edita sus coordenadas y dimensiones en un panel de propiedades dedicado.

Edición de texto

Añade etiquetas de texto y edita su contenido directamente, con control sobre la posición y el tamaño de fuente para que los rótulos y las llamadas se ajusten al dibujo.

Control completo de estilo

Cambia los colores de relleno y trazo con un selector de color, ajusta el ancho del trazo y la opacidad, y elimina o anula cualquier atributo por elemento.

Vista previa desplazable y con zoom

Arrastra para desplazar y desplázate para hacer zoom en la vista previa en vivo, con controles de ajustar / acercar / alejar que mantienen el dibujo nítido a cualquier escala.

Privado por diseño

Los SVG se editan por completo en tu navegador y se renderizan en un iframe aislado, así que los scripts incrustados nunca pueden ejecutarse y tus archivos nunca salen de tu dispositivo.

¿Qué es este editor de SVG?

Esta herramienta es un editor ligero y basado en navegador para SVG — el formato de gráficos vectoriales abierto que se usa en todas partes, desde iconos y logotipos hasta dibujos técnicos y visualizaciones de datos. En lugar de editar etiquetas XML a mano en un editor de texto, seleccionas elementos en un lienzo en vivo y los ajustas con controles simples: mueve o redimensiona una forma, elige un color de relleno o trazo, escribe texto nuevo, reordena o duplica elementos y redimensiona el propio lienzo. Como todo el documento permanece en tu navegador, no se sube nada y la herramienta funciona incluso con archivos sensibles. La salida es un SVG válido que puedes usar en cualquier lugar donde se acepte SVG.

Cómo usar el editor de SVG

Editar un SVG solo lleva tres pasos — la herramienta abre los archivos automáticamente y cada cambio se refleja en vivo.

1

Suelta tu SVG

Arrastra y suelta uno o más archivos .svg en el área de subida (o haz clic para explorar). Cada archivo se abre automáticamente con su propia vista previa en vivo y una lista de sus elementos.

2

Selecciona y edita

Haz clic en cualquier elemento de la lista para seleccionarlo y luego ajusta su posición, tamaño, colores, trazo y opacidad en el panel de Propiedades. Usa la barra de herramientas para añadir formas o texto nuevos, y duplica, reordena o elimina los elementos seleccionados.

3

Descarga tu trabajo

Descarga cada SVG editado individualmente o empaqueta todos los archivos en un único ZIP. Las descargas permanecen totalmente locales — el documento editado se genera en tu navegador, nunca se envía a un servidor.

Cosas a tener en cuenta

Hasta que hagas tu primera edición, descargar devuelve los bytes originales exactos de tu archivo — nada se reescribe por adelantado. La primera edición vuelve a serializar el documento, así que el espacio en blanco y el orden de los atributos pueden normalizarse. Por seguridad, los SVG se renderizan en un iframe aislado: los scripts incrustados nunca se ejecutan y las imágenes y fuentes externas no se cargan. Los datos de los trazados se muestran pero no se pueden editar punto a punto, y los archivos muy grandes enumeran sus primeros 1.000 elementos con una nota.

Preguntas frecuentes