Tu agente de IA para SVG

Generador y editor de SVG con IA

Genera SVG editables, estáticos o animados, a partir de una descripción de texto y ajústalos con IA. Usa el editor de código, el visor y el convertidor SVG gratuitos para previsualizar los cambios y exportar tu trabajo.

Editar código, visualizar y convertir es gratis. La generación y la edición con IA usan créditos.

Resultado

Tu SVG aparecerá aquí

Configuración
px
Fondo
Formato

Exportación gratuita. Sin registro. Sin créditos.

Código vectorial editableExportaciones en el navegadorDescargas sin iniciar sesión
PARA HACERLOS TUYOS

Ejemplos SVG creados por SVGBase

Carga un ejemplo estático o animado en el mismo agente. Previsualiza y descarga en tu dispositivo, o describe un cambio para la IA.

Abrir espacio de trabajo
SVG, EXPLICADO

¿Qué es SVG?

SVG significa Scalable Vector Graphics (gráficos vectoriales escalables). Describe formas, líneas y texto mediante código editable, en lugar de una cuadrícula fija de píxeles. Abre un SVG en un navegador, examina su código o personalízalo en un editor SVG.

Pensado para iconos, logotipos, ilustraciones y diagramas.

¿Por qué usar SVG en lugar de PNG o JPG?

Las formas vectoriales mantienen la nitidez al cambiar de tamaño. Cambia colores, ajusta el texto y reutiliza el mismo diseño en webs, aplicaciones y presentaciones. Para fotografías o imágenes de tamaño fijo, un formato ráster puede ser más adecuado.

Conserva el SVG para mantener los gráficos vectoriales editables. Exporta a PNG si necesitas transparencia o a JPG para una imagen opaca.

Crea, edita y anima SVG con IA.

Describe un diseño nuevo o pide a la IA que modifique tu SVG actual. Revisa el código editable junto con la vista previa en tiempo real, ajusta el resultado y expórtalo desde el mismo espacio de trabajo.

De texto a SVG

Describe el tema, el estilo, los colores y la composición que quieres. El flujo con IA está diseñado para devolver código SVG editable, de modo que puedas seguir ajustando el resultado.

Ajusta un SVG existente

Usa tu propio SVG y describe un cambio, como una paleta nueva o una composición más sencilla. Revisa el código resultante y la vista previa en tiempo real antes de exportar.

Crea animaciones SVG

Haz que los iconos se dibujen, giren, floten o palpiten con IA. Descarga el SVG animado; las exportaciones PNG, JPG y WebP capturan una imagen estática.

Probar animaciones SVG

Editor, visor y convertidores SVG gratuitos

Usa SVGBase para editar código SVG y previsualizar los cambios gratis, o elige uno de los convertidores SVG de abajo. Guarda el código SVG como archivo o convierte SVG a PNG, JPG, WebP, PDF o DXF en tu navegador, sin cuenta ni créditos de IA.

Visor SVG en línea

Abre iconos, logotipos, ilustraciones o diagramas sin instalar una aplicación. Amplía los detalles y cambia de fondo para examinar la transparencia.

  1. Sube un archivo SVG o pega código SVG en el editor.
  2. Comprueba la vista previa en tiempo real, las dimensiones y el fondo.
  3. Edita colores, texto o formas en el código y ve al instante los cambios válidos.
Abrir el visor SVG

Elige un convertidor SVG

Exporta SVG, PNG, JPG o WebP en el espacio de trabajo. Usa las herramientas PDF y DXF para documentos y contornos CAD. Todas las conversiones se ejecutan gratis en tu navegador.

ExportarIdeal para
SVGGráficos vectoriales editables con transparencia.
SVG a PNGImágenes de píxeles con transparencia para gráficos y diapositivas.
SVG a JPGImágenes opacas. Un fondo de exportación transparente se vuelve blanco.
SVG a WebPImágenes de píxeles con transparencia para sitios web.
SVG a PDFDocumentos de una página para imprimir y compartir.
SVG a DXFContornos 2D para CAD. Ajusta el tamaño físico antes de exportar.
MENOS OBSTÁCULOS. MÁS CREACIÓN.

Cómo crear, editar y exportar un SVG.

De tu primera idea a un gráfico vectorial editable y un archivo listo para usar.

Describe01

Empieza con una idea o un SVG.

Sube un SVG, pega código o elige un ejemplo. Selecciona Crear con IA para generar uno nuevo, o usa Editar con IA para modificar el SVG actual. Después, describe lo que quieres.

Un cohete divertido, en un morado suave…
Ajusta02

Edita con una vista previa en tiempo real.

Usa el editor de código SVG para cambiar colores, texto y formas. Comprueba cada cambio en el visor SVG y ajusta el tamaño y el fondo del lienzo.

<path fill="#7064e9" />
Exporta03

Elige el formato de archivo.

Descarga el SVG editable o convierte SVG a PNG, JPG o WebP. Elige el tamaño y el fondo de salida y expórtalo para tu web, aplicación o presentación.

SVG   PNG   JPG   WebP

Elige tu plan.

Compra créditos cuando los necesites o suscríbete para recibir más cada mes.

+50% de créditoscon una suscripción al mismo precio que los paquetes de créditos.

Mini

Para una idea de vez en cuando.

4,90 US$ / pago único

40 créditos
  • Los créditos no caducan
  • Sin necesidad de suscripción

Creator

Para tu trabajo diario.

19 US$ / pago único

200 créditos
  • Los créditos no caducan
  • Sin necesidad de suscripción
Las cuentas nuevas reciben 20 créditos gratis. Tras verificar el correo: hasta 4 solicitudes en modo Rápido o 2 en modo Calidad, o una combinación. Usa los mismos créditos para generar o editar.

Con la tecnología de Stripe

Coste en créditos de IA

TareaRápidoCalidad
Generar o editar SVG510

Créditos por solicitud de IA. Generar y editar cuesta lo mismo, tanto para SVG estáticos como animados. Ediciones localizadas: 32 KiB con créditos de bienvenida o 64 KiB con créditos de pago, más un margen fijo de 4 KiB. Reescrituras completas: hasta 8 KiB.

ALGUNAS BUENAS PREGUNTAS

Resolvemos tus dudas sobre SVG.

Respuestas prácticas para visualizar, editar, generar y convertir archivos SVG.

¿Cómo abro y visualizo un archivo SVG?

Sube tu SVG con Subir SVG o pega su código en el panel Código SVG. El visor SVG en tiempo real muestra el resultado. Usa el zoom y los controles de fondo para examinar el diseño sin instalar una aplicación.

¿Puede la IA generar un SVG editable a partir de texto?

Sí. Inicia sesión, elige Crear con IA y describe el tema, los colores, el estilo y la composición. La IA devuelve código SVG editable con una vista previa en tiempo real. Usa Editar con IA para ajustar tu SVG y exporta el resultado. Las operaciones de IA usan créditos.

¿La edición y las descargas son realmente gratuitas?

Sí. La edición de código, la vista previa, el cambio de tamaño, los fondos y la conversión a SVG, PNG, JPG, WebP, PDF o DXF son gratuitos y no requieren cuenta. Solo la generación y la edición con IA usan créditos.

¿Se suben mis archivos a algún sitio?

La edición local y las exportaciones se ejecutan en tu navegador, con un borrador guardado en este dispositivo. Cuando usas la IA, tu descripción y, en el modo de edición, el SVG actual se envían al servicio del modelo.

¿Puedo exportar con fondo transparente?

Sí. SVG, PNG y WebP admiten transparencia. JPG no, por lo que las zonas transparentes se vuelven blancas al exportar a JPG. También puedes elegir un fondo personalizado antes de descargar.

¿Es compatible con todo tipo de SVG?

El espacio de trabajo admite formas SVG, texto, degradados, máscaras, trazados de recorte, los estilos en línea compatibles y un perfil restringido de animación CSS con fotogramas clave. Las descargas SVG conservan las animaciones compatibles; las exportaciones PNG, JPG y WebP capturan una imagen estática en el segundo 1. Se rechazan SMIL y el CSS no compatible. No se admiten scripts, recursos externos, HTML o imágenes incrustados, referencias use/symbol ni filtros. El código no válido oculta la vista previa y desactiva las descargas hasta que lo corrijas. Las fuentes dependen de tu dispositivo.

¿Cómo cambio los colores o el texto de un SVG?

En el panel Código SVG, edita los valores fill o stroke para cambiar los colores, o modifica el contenido de un elemento text. La vista previa se actualiza cuando el código es válido. El texto convertido en trazados es un elemento gráfico y no se puede editar como texto normal.

¿Cómo convierto código SVG a PNG?

Pega tu código SVG en el editor y comprueba la vista previa en tiempo real. Selecciona PNG, ajusta las dimensiones del lienzo y la escala de exportación, elige un fondo transparente o de color sólido y haz clic en Descargar. La conversión de SVG a PNG se ejecuta en tu navegador y no usa créditos de IA.

¿Qué diferencia hay entre SVG, PNG y JPG?

SVG describe formas vectoriales editables que mantienen la nitidez al cambiar de tamaño. PNG es un formato basado en píxeles con compresión sin pérdida y transparencia. JPG es un formato basado en píxeles, habitual en fotografías, y no admite transparencia. Convertir una foto en un archivo SVG no la convierte automáticamente en un gráfico vectorial.

¿Necesito saber programar para editar un SVG?

Puedes subir, previsualizar, cambiar el tamaño, ajustar el fondo de exportación y descargar sin programar. Para modificar el diseño, describe los cambios al editor con IA o edita directamente el código SVG. Esta no es una aplicación completa de dibujo vectorial.

¿Cuántos créditos usan los modos Rápido y Calidad?

Genera o edita cualquier SVG estático o animado compatible: Rápido 5 / Calidad 10 créditos por solicitud. Los créditos de bienvenida permiten ediciones localizadas de hasta 32 KiB; los comprados o de suscripción, de hasta 64 KiB, en ambos casos con un margen fijo de edición de 4 KiB. Las reescrituras completas admiten hasta 8 KiB. Las ediciones localizadas incluyen color, opacidad, movimiento y animación de respiración. El precio exacto se muestra antes de empezar. Las solicitudes fallidas devuelven los créditos cobrados. La edición manual, las vistas previas y las exportaciones son gratuitas.

¿Cuándo caducan mis créditos?

Los paquetes de créditos no caducan. Los créditos de suscripción se reciben cada mes y caducan al terminar ese periodo mensual. Los planes anuales se cobran una vez al año y entregan los créditos de un mes cada vez. Los créditos que caducan antes se usan primero.

Algo bueno empieza con un SVG.

Elige un ejemplo. Cambia un detalle. Hazlo tuyo.

Abrir el espacio de trabajo