¿Conserva mi dibujo original?

Sí. Las ediciones solo cambian los atributos que tocas. Si no se encuentra nada peligroso, la exportación es tu código tal como lo editaste.

¿Por qué no cambió mi color?

Una hoja de estilos del archivo puede anular los atributos. Si el archivo tiene una, los cambios se escriben en el atributo style, que tiene prioridad.

¿Puedo dibujar formas nuevas?

Todavía no. Puedes añadir formas escribiendo su código en el panel de código y aparecen enseguida en el lienzo.

¿Se guardan mis cambios?

No automáticamente. No se guarda ni se sube nada, así que exporta antes de salir de la página.

Editor SVG: edita el código y el lienzo a la vez

Abre un SVG, haz clic en una forma para cambiar su relleno, contorno y opacidad, o edita directamente el código. El lienzo y el código se mantienen sincronizados.

Suelta aquí un archivo SVG

Hasta 5 MB. Se abre solo en tu navegador.

Tu SVG se procesa en esta pestaña del navegador. Nunca se sube.

Cómo funciona

Abre o pega un SVG. El lienzo y el código aparecen juntos.
Haz clic en una forma y cambia su relleno, contorno, grosor u opacidad, o edita el código.
Deshaz o rehaz lo que haga falta y exporta el SVG.

Usos habituales

Cambiar el color de un icono para que combine con una marca.
Hacer un arreglo rápido en el código de un gráfico y ver el resultado.
Encontrar a qué elemento del código pertenece una forma de la pantalla.

Qué hace

Selección en el lienzo que salta a la línea correspondiente del código.
Cambios de relleno, contorno, grosor y opacidad escritos de vuelta en el código.
Deshacer y rehacer, zoom, desplazamiento, cuadrícula y fondos.
El contenido peligroso se elimina del lienzo y de la exportación.

Conviene saber

Esta es la primera versión del editor. Aún no tiene herramientas de dibujo, controles para mover, redimensionar o girar, panel de capas, ni edición de degradados y trazados, y no guarda tu trabajo automáticamente. Exporta para conservar los cambios.

Preguntas frecuentes

¿Conserva mi dibujo original?: Sí. Las ediciones solo cambian los atributos que tocas. Si no se encuentra nada peligroso, la exportación es tu código tal como lo editaste.
¿Por qué no cambió mi color?: Una hoja de estilos del archivo puede anular los atributos. Si el archivo tiene una, los cambios se escriben en el atributo style, que tiene prioridad.
¿Puedo dibujar formas nuevas?: Todavía no. Puedes añadir formas escribiendo su código en el panel de código y aparecen enseguida en el lienzo.
¿Se guardan mis cambios?: No automáticamente. No se guarda ni se sube nada, así que exporta antes de salir de la página.

Herramientas relacionadas

¿Algo se ve mal? Revisa el código en el inspector SVG.
¿Solo quieres ver un archivo? Ábrelo en el visor SVG.
¿Necesitas un color en otro formato? Prueba el conversor de colores.
Mira todas las herramientas en SVG Studio.