Salpicadura
Gratis, sin registro, funciona en tu navegador.
Catorce puntos y la aleatoriedad al máximo, que es lo más irregular que llega a ser el generador. Deliberadamente en el borde del rango utilizable: más allá de esto la forma deja de leerse como un único objeto.
Los ajustes que hay detrás
| Generador | Blob |
|---|---|
| Puntos | 14 |
| Aleatoriedad | 100% |
| Suavidad | 120% |
| Semilla | 31337 |
Lo que conviene saber
- Aleatoriedad máxima, acotada para que la curva aún no pueda plegarse sobre sí misma.
- Mejor usarla grande y de fondo, donde la irregularidad se convierte en textura.
- La forma más pesada del catálogo con 641 bytes.
Lo que cuesta en bytes
Esta forma exacta ocupa 641 bytes como SVG y 802 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 | 641 B |
| Fondo CSS | 802 B |
| clip-path CSS | 859 B |
| border-radius CSS | 102 B |
El comienzo del SVG de Salpicadura
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 28.35C110.32 32.66,110.26 51.14,120.6 57.22C130.94 63.3,140.83 53.62,151.72 58.75C162.61 63.88,172.54 71.69,175.04 82.87C177.55 94.05,173.43 106.6,164.24 114.66C155.05 122.73,137.85 117.64,129.09 123.2C120.33 128.76,126.28 132.16,120.46 142.48C…Con más detalle
El tope de irregularidad existe porque una spline no se queda dentro de sus puntos de control: se arquea hacia fuera entre ellos, y con suficiente aleatoriedad un lóbulo puede llegar lo bastante lejos como para cruzar un tramo vecino y convertir el blob en una pajarita. El límite está fijado a partir de un barrido de todos los recuentos de puntos, semillas y suavidades que la herramienta permite, y no de un número que parecía razonable.
Preguntas
¿Cómo cambio Salpicadura una vez la tengo?
Abre el generador, pulsa Salpicadura 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 31337 con 14 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.