Come generare una forma blob SVG casuale
Pubblicato il 15 settembre 2026 · 2 min di lettura
Quelle forme blob lisce e organiche dietro sezioni hero e illustrazioni non sono disegnate a mano — sono generate da punti casuali collegati con una curva liscia. Questo strumento ne costruisce una da un valore seed, così lo stesso seed riproduce sempre la stessa forma.
Prova Generatore di blob SVGPassaggi
- 1
Apri il Generatore Blob SVG
Vai al generatore di blob.
- 2
Imposta i punti di ancoraggio e la casualità
Più punti creano forme più complesse; maggiore casualità crea contorni più irregolari e organici.
- 3
Scegli un seed e un colore
Il seed determina la forma esatta — cambialo per un nuovo blob, o mantienilo per riprodurre lo stesso in seguito.
- 4
Copia l’SVG
Usa il markup generato direttamente nel tuo HTML o strumento di design.
Domande frequenti
Sì — il generatore è completamente deterministico, quindi un dato seed e numero di punti riproducono sempre esattamente lo stesso blob, utile se vuoi ricreare una forma che ti è piaciuta in seguito.
I punti casuali sono collegati usando una spline Catmull-Rom convertita in curve di Bezier cubiche lisce, il che è ciò che dà al blob il suo contorno organico e arrotondato invece di angoli netti.
Sì — è un caso d’uso comune; copia l’SVG e posizionalo dietro il tuo contenuto con CSS, regolando il colore di riempimento per adattarlo al tuo design.
Poiché la forma è vero markup SVG modificabile — non un’immagine — si scala perfettamente a qualsiasi dimensione senza alcuna perdita di qualità.