Saltar al contenido principal
AwesomeToolkit
100 % local

Editor SVG

Edita archivos SVG visualmente o dibuja desde un lienzo en blanco: formas, texto, pluma y lápiz, capas, colores y degradados, suavizado de trazados. Todo ocurre en tu navegador.

Tus archivos nunca salen de tu navegador: toda la edición se hace localmente.

Cómo funciona

Edita tus SVG en 4 pasos

  1. Sube o pega tu SVG

    Arrastra y suelta un archivo .svg, usa el selector de archivos o pega el código SVG en el editor.

  2. Selecciona y modifica elementos

    Haz clic en cualquier elemento para seleccionarlo. Cambia su color de relleno, su trazo o su opacidad, o elimínalo. Mayús+clic para seleccionar varios.

  3. Cambia colores en bloque con Buscar y reemplazar

    Usa el panel Buscar y reemplazar un color para cambiar todos los elementos de un color a otro en un solo clic.

  4. Suaviza y exporta

    Simplifica los trazados irregulares con el control de suavizado y exporta en SVG o PNG, o copia el código.

Guías prácticas

Saca el máximo partido al editor

Cómo cambiar el color de los elementos SVG

Haz clic en cualquier elemento del lienzo para seleccionarlo. El panel Propiedades de la derecha muestra sus colores actuales de relleno y de trazo. Usa el selector de color o escribe un valor hexadecimal para cambiar los colores en tiempo real.

Para cambios en bloque, usa la función Buscar y reemplazar un color. Elige el color de origen y el de reemplazo y haz clic en Reemplazar todo. Todos los elementos con ese color de relleno o de trazo se actualizan al instante.

Cada cambio es inmediato

Cómo suavizar trazados SVG

Los SVG convertidos desde imágenes de mapa de bits (PNG, JPG) suelen tener trazados irregulares con demasiados puntos de anclaje. La función de suavizado usa Paper.js para simplificar esos trazados conservando la forma general.

Ajusta el control de tolerancia: los valores bajos conservan más detalle y los altos crean curvas más suaves con menos puntos. Haz clic en Aplicar a la selección para trazados concretos o en Aplicar a todo para el SVG completo.

Se aplica a la selección o a todo el SVG
Preguntas frecuentes

Editor SVG — Preguntas frecuentes

Todo lo que necesitas saber sobre nuestro editor SVG online