Generatore di Blob SVG
Il generatore di blob SVG crea forme organiche casuali a partire da curve di Bézier cubiche morbide, con controlli per complessità, casualità, dimensione, colore di riempimento e un gradiente facoltativo, ed esporta il codice o il file SVG.
Informazioni su questo strumento
Il generatore di blob SVG crea forme organiche casuali a partire da curve di Bézier cubiche morbide, con controlli per complessità, casualità, dimensione, colore di riempimento e un gradiente facoltativo, ed esporta il codice o il file SVG.
Come si usa
- Imposta la complessità (numero di punti) e la casualità.
- Scegli dimensione e colore di riempimento, oppure attiva un gradiente.
- Clicca Regenerate finché la forma non ti piace.
- Copia il codice SVG o scarica il file .svg.
Da sapere
- Ogni blob è un singolo path SVG costruito con punti attorno a un cerchio, uniti da curve di Bézier cubiche.
- Più punti creano un contorno più complesso; più casualità lo rende meno circolare.
- I blob SVG restano nitidi a qualsiasi dimensione e pesano solo poche centinaia di byte.
- I blob sono molto usati come decorazioni di sfondo, cornici per avatar e divisori di sezione.
- L'SVG può essere usato inline, come sorgente di un img o come sfondo CSS.
Funziona interamente nel tuo browser: nulla di ciò che inserisci viene caricato o salvato.
Domande frequenti
Come creo una forma blob?
Regola qui complessità e casualità e clicca Regenerate; ogni clic disegna una nuova forma organica casuale che puoi scaricare in SVG.
Posso usare i blob a fini commerciali?
Sì. Le forme vengono generate casualmente sul tuo dispositivo, quindi puoi usarle in qualsiasi progetto.
Come uso un blob SVG come sfondo?
Salva il file e richiamalo con background-image: url(blob.svg), oppure incolla l'SVG inline e posizionalo dietro i tuoi contenuti.
Posso animare un blob?
Sì: puoi ruotarlo o scalarlo con il CSS, oppure trasformarlo tra due path con lo stesso numero di punti usando SMIL o JavaScript.