Blob suave
Gratis, sin registro, funciona en tu navegador.
Seis puntos con poca aleatoriedad: reconociblemente un blob, pero lo bastante cercano a un círculo como para situarse detrás del contenido sin competir con él. La opción segura para una forma de fondo decorativa.
Los ajustes que hay detrás
| Generador | Blob |
|---|---|
| Puntos | 6 |
| Aleatoriedad | 28% |
| Suavidad | 100% |
| Semilla | 2048 |
Lo que conviene saber
- La poca aleatoriedad mantiene todos los lóbulos de tamaño parecido, así que se lee como algo tranquilo.
- Seis puntos es el punto justo: menos parece un polígono redondeado, más se acerca a un círculo.
- Con 330 bytes es lo bastante pequeño como para insertarlo detrás de una tarjeta sin pensárselo.
Lo que cuesta en bytes
Esta forma exacta ocupa 330 bytes como SVG y 491 bytes como fondo CSS — el data URI es mayor porque la codificación en porcentaje cuesta tres caracteres por cada uno que escapa. Ambas cifras corresponden a la forma mostrada arriba, con dos decimales de precisión en las coordenadas.
| Formato | Tamaño |
|---|---|
| SVG | 330 B |
| Fondo CSS | 491 B |
| clip-path CSS | 548 B |
| border-radius CSS | 110 B |
El comienzo del SVG de Blob suave
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 33.65C118.88 33.14,151.1 49.98,159.29 65.77C167.49 81.56,159.05 113.2,149.17 128.39C139.29 143.58,116.48 156.87,100 156.92C83.52 156.98,59.27 143.39,50.27 128.71C41.27 114.03,37.71 84.67,46 68.82C54.29 52.98,81.12 34.16,100 33.65Z" fill="#4f46e…Con más detalle
Los blobs son curvas cerradas, lo que hace que la unión entre el último punto y el primero sea una unión como cualquier otra — pero solo si la búsqueda de vecinos da la vuelta. Reutilizar código de curva abierta la recorta ahí, y el resultado es una única muesca plana en una forma por lo demás redonda. Es el defecto más común en los generadores de este tipo, es invisible hasta que alguien amplía el blob, y el conjunto de pruebas comprueba esa costura explícitamente en cada forma que genera.
Preguntas
¿Cómo cambio Blob suave una vez la tengo?
Abre el generador, pulsa Blob suave en la fila de preajustes y arrastra lo que quieras. El preajuste es un punto de partida, no un candado: todos los controles siguen activos, y la casilla de semilla acepta una palabra si prefieres nombrar tu forma en vez de numerarla.
¿Se verá igual la próxima vez?
Sí, siempre que la semilla sea la misma. Esta es la semilla 2048 con 6 puntos. El generador es determinista, así que esos ajustes reproducen esta curva exacta en cualquier dispositivo.
¿Puedo usar otro color?
Sí — el color se aplica al exportar, no está incrustado en la geometría. La vista previa de arriba usa el color por defecto; elige el tuyo en el generador y el SVG, el fondo CSS y el clip-path lo seguirán.
Cada cifra y cada forma de esta página se produjeron ejecutando el generador durante la compilación, así que describen la herramienta que estás a punto de usar y no una versión que existió una vez.