Generador de Blobs SVG
El generador de blobs SVG crea formas orgánicas aleatorias a partir de curvas Bézier cúbicas suaves, con controles de complejidad, aleatoriedad, tamaño, color de relleno y degradado opcional, y exporta el código o el archivo SVG.
Acerca de esta herramienta
El generador de blobs SVG crea formas orgánicas aleatorias a partir de curvas Bézier cúbicas suaves, con controles de complejidad, aleatoriedad, tamaño, color de relleno y degradado opcional, y exporta el código o el archivo SVG.
Cómo se usa
- Ajusta la complejidad (número de puntos) y la aleatoriedad.
- Elige el tamaño y el color de relleno, o activa un degradado.
- Haz clic en Regenerar hasta que te guste la forma.
- Copia el código SVG o descarga el archivo .svg.
Datos útiles
- Cada blob es un único path SVG construido a partir de puntos alrededor de un círculo, unidos con curvas Bézier cúbicas.
- Más puntos dan un contorno más complejo; más aleatoriedad lo hace menos circular.
- Los blobs SVG se ven nítidos a cualquier tamaño y ocupan solo unos cientos de bytes.
- Los blobs son populares como decoraciones de fondo, marcos de avatar y separadores de secciones.
- El SVG se puede usar en línea, como fuente de una etiqueta img o como fondo CSS.
Funciona por completo en tu navegador: nada de lo que introduces se sube ni se guarda.
Preguntas frecuentes
¿Cómo hago una forma blob?
Ajusta aquí la complejidad y la aleatoriedad y haz clic en Regenerar; cada clic dibuja una nueva forma orgánica aleatoria que puedes descargar como SVG.
¿Puedo usar los blobs con fines comerciales?
Sí. Las formas se generan aleatoriamente en tu dispositivo, así que puedes usarlas en cualquier proyecto.
¿Cómo uso un blob SVG como fondo?
Guarda el archivo y referéncialo con background-image: url(blob.svg), o pega el SVG en línea y colócalo detrás de tu contenido.
¿Puedo animar un blob?
Sí: puedes rotarlo o escalarlo con CSS, o transformar un path en otro con el mismo número de puntos usando SMIL o JavaScript.