SVG Blob-generator
Blob-generatorn skapar slumpade organiska blobformer av mjuka kubiska Bézier-kurvor, med reglage för komplexitet, slumpgrad, storlek, fyllnadsfärg och valfri gradient, och exporterar SVG-koden eller filen.
Om verktyget
Blob-generatorn skapar slumpade organiska blobformer av mjuka kubiska Bézier-kurvor, med reglage för komplexitet, slumpgrad, storlek, fyllnadsfärg och valfri gradient, och exporterar SVG-koden eller filen.
Så använder du det
- Ställ in komplexitet (antal punkter) och slumpgrad.
- Välj storlek och fyllnadsfärg, eller aktivera en gradient.
- Klicka på Regenerate tills du gillar formen.
- Kopiera SVG-koden eller ladda ner .svg-filen.
Bra att veta
- Varje blob är en enda SVG-bana som byggs av punkter runt en cirkel, sammanfogade med kubiska Bézier-kurvor.
- Fler punkter ger en mer komplex kontur; högre slumpgrad gör den mindre cirkelrund.
- SVG-blobbar förblir skarpa i alla storlekar och är bara några hundra byte.
- Blobbar är populära som bakgrundsdekor, ramar för profilbilder och avdelare mellan sektioner.
- SVG:n kan användas inline, som img-källa eller som CSS-bakgrund.
Körs helt i din webbläsare – inget du skriver in laddas upp eller sparas.
Vanliga frågor
Hur gör jag en blobform?
Justera komplexitet och slumpgrad här och klicka på Regenerate; varje klick ritar en ny slumpad organisk form som du kan ladda ner som SVG.
Får jag använda blobbarna kommersiellt?
Ja. Formerna skapas slumpmässigt på din enhet, så du kan använda dem i vilket projekt som helst.
Hur använder jag en SVG-blob som bakgrund?
Spara filen och referera till den med background-image: url(blob.svg), eller klistra in SVG:n inline och placera den bakom ditt innehåll.
Kan jag animera en blob?
Ja – du kan rotera eller skala den med CSS, eller morfa mellan två banor med samma antal punkter med SMIL eller JavaScript.