EDITOR SVG ONLINE GRATIS

Editor vectorial online

Abre un SVG, arregla una forma, cambia un color o añade una línea de texto, y descarga un archivo vectorial limpio. Es un editor SVG gratis que funciona en tu navegador, así que no tienes que instalar nada.

Gratis, sin registroLos archivos se quedan en tu dispositivoSin marca de agua

Tu espacio de trabajo vectorial

Los archivos se quedan en tu dispositivo

Para editar con precisión, utiliza una pantalla más grande. Aquí puedes desplazar el espacio de trabajo horizontalmente.

Preparando tu espacio de trabajo…

Abre o guarda un archivo desde el menú de SVG-Edit. Selecciona una herramienta para empezar a dibujar.

Con tecnología de SVG-Edit

CÓMO FUNCIONA

Cómo editar SVG online en tres pasos

Todo ocurre en esta misma página y no necesitas cuenta.

01

Abre tu SVG

Entra en el menú principal del editor, elige abrir un SVG y busca el archivo en tu ordenador. ¿Todavía no tienes ninguno? Carga el ejemplo o empieza con un lienzo en blanco de 800 × 600.

02

Haz tus cambios

Haz clic en un objeto para seleccionarlo. Elige otro color de relleno o de borde, arrastra un nodo para cambiar una curva o haz clic en el texto y escribe. ¿Te has equivocado? Pulsa Ctrl+Z, o Cmd+Z en un Mac.

03

Descarga tu SVG

Desde el mismo menú, guarda el SVG y se descargará a tu ordenador. Las formas, los trazados y el texto siguen siendo editables, y los bordes siguen limpios a cualquier tamaño.

QUÉ PUEDES HACER

Un editor SVG gratis con herramientas vectoriales reales

Sirve para logos, iconos y diagramas, o para retocar rápido un archivo que ya tienes.

Formas, estrellas y polígonos

Dibuja rectángulos, círculos, líneas y trazos a mano alzada. Añade estrellas, polígonos, flechas y símbolos ya hechos de la biblioteca de formas.

Trazados y nodos

Dibuja curvas con la herramienta de trazado. Luego mueve cada nodo y sus manejadores, añade o borra nodos, o convierte cualquier forma en un trazado.

Rellenos, bordes y degradados

Elige colores de relleno y de borde, degradados, grosor de línea, discontinuas y opacidad. Con el cuentagotas copias el estilo de un objeto a otro.

Texto editable

Añade texto y cambia el tamaño, la negrita o cursiva, la alineación y el espaciado. Las fuentes son las de tu dispositivo, así que en otro ordenador el texto puede verse distinto.

Capas, grupos y alineación

Pon cada parte del dibujo en su propia capa. Agrupa objetos, alinéalos, repártelos con el mismo espacio y pásalos delante o detrás.

Mover, escalar, girar, voltear

Usa los tiradores para transformar cualquier objeto o escribe valores exactos de X, Y, ancho y ángulo. Con deshacer y rehacer puedes probar una idea y volver atrás.

Edita el código SVG

Abre la vista de código para leer o cambiar el SVG a mano. Hay cosas que no alcanzas con las herramientas visuales, como un ID o el viewBox, y aquí sí.

Cuadrícula, zoom y conectores

Activa la cuadrícula para espaciar bien y haz zoom en los detalles pequeños. Las líneas conectoras unen dos formas y siguen pegadas cuando las mueves.

Trae otros archivos

Abre SVG guardados en otros programas de diseño y revisa filtros y efectos antes de guardar. Con la opción de importar puedes meter otro SVG, o un PNG o JPG, en el dibujo que tienes abierto.

¿Qué es un archivo SVG y por qué editarlo como vector?

SVG significa Scalable Vector Graphics, gráficos vectoriales escalables. En lugar de guardar píxeles, un archivo SVG guarda formas, líneas, curvas y texto como instrucciones, y el navegador los vuelve a dibujar al tamaño que necesites.

Por eso un logo en SVG se ve nítido en la pantalla del móvil y también en el cartel de las fiestas del pueblo. Y puedes cambiar un color o una curva más adelante. En un JPG tendrías que pintar encima de los píxeles.

Desde el navegador haces esos cambios sin comprar ni instalar un programa de diseño vectorial. Abres el archivo, arreglas lo que quieras y lo vuelves a guardar como SVG.

  • Nítido a cualquier tamaño

    Pasa un icono de 16 px a una pancarta sin que se vea borroso.

  • Es texto, no píxeles

    Un SVG es código que puedes abrir con cualquier editor de texto.

  • Fácil de cambiar después

    Cada forma, color y palabra sigue siendo un objeto aparte.

PARA QUIÉN ES

¿Quién usa este editor de gráficos vectoriales?

Diseñadores que retocan iconos y logos

Cambia los colores de un logo para que se vea sobre fondo oscuro, aumenta el grosor de un borde demasiado fino o quita una forma suelta de un icono antes de entregarlo.

Desarrolladores que limpian SVG para la web

Revisa el viewBox, cambia el nombre de los ID, borra capas ocultas y guarda un SVG más limpio para tu web o tu app.

Aficionados al plotter de corte

Pon cada color en su propia capa, borra los detalles demasiado pequeños para la cuchilla y ajusta el tamaño del diseño antes de pasarlo al programa de tu plotter.

Estudiantes y profesores

Dibuja esquemas, rótulos e ilustraciones sencillas para presentaciones y fichas, incluso en un ordenador del instituto donde no puedes instalar programas.

Lo que este editor SVG online puede hacer y lo que no

Esto es lo que puedes hacer y lo que no.

Sirve para

  • Abrir, editar y guardar archivos SVG
  • Iconos, logos, insignias, diagramas e ilustraciones sencillas
  • Cambiar colores, bordes, textos y la forma de los trazados
  • Editar a mano el código fuente del SVG

No disponible aquí

  • Guardar en PNG, JPG o PDF. Esta página solo guarda SVG.
  • Abrir directamente archivos AI, EPS o PDF. Primero expórtalos a SVG.
  • Convertir una foto en formas vectoriales. Para eso está Vectorizar imagen.
  • Guardado automático. Descarga tu SVG antes de cerrar la pestaña.

¿Aún no tienes un SVG?

Empieza con una imagen o una descripción con nuestras otras herramientas y luego abre el resultado aquí para editarlo.

Preguntas frecuentes

Abre tu SVG y empieza a editar

El editor vectorial gratis está arriba del todo, en esta misma página. Haz tus cambios y descarga el SVG cuando termines.

Volver al editor