Generátor SVG blobů
SVG blob generátor vytváří náhodné organické tvary z hladkých kubických Bézierových křivek, s ovládáním složitosti, náhodnosti, velikosti, barvy výplně a volitelného gradientu, a exportuje SVG kód nebo soubor.
O tomto nástroji
SVG blob generátor vytváří náhodné organické tvary z hladkých kubických Bézierových křivek, s ovládáním složitosti, náhodnosti, velikosti, barvy výplně a volitelného gradientu, a exportuje SVG kód nebo soubor.
Jak ho použít
- Nastav složitost (počet bodů) a náhodnost.
- Vyber velikost a barvu výplně, nebo zapni gradient.
- Klikej na Regenerate, dokud se ti tvar nebude líbit.
- Zkopíruj SVG kód nebo stáhni soubor .svg.
Dobré vědět
- Každý blob je jediná SVG cesta sestavená z bodů kolem kružnice, spojených kubickými Bézierovými křivkami.
- Víc bodů znamená složitější obrys; víc náhodnosti znamená méně kruhový tvar.
- SVG bloby zůstávají ostré v jakékoli velikosti a mají jen pár set bajtů.
- Bloby jsou oblíbené jako dekorace pozadí, rámečky avatarů a oddělovače sekcí.
- SVG můžeš použít inline, jako zdroj img nebo jako CSS pozadí.
Běží celý ve vašem prohlížeči — nic, co zadáte, se nenahrává ani neukládá.
Časté dotazy
Jak udělám tvar blobu?
Nastav tady složitost a náhodnost a klikni na Regenerate; každým kliknutím vznikne nový náhodný organický tvar, který si můžeš stáhnout jako SVG.
Můžu bloby použít komerčně?
Ano. Tvary se generují náhodně na tvém zařízení, takže je můžeš použít v jakémkoli projektu.
Jak použiju SVG blob jako pozadí?
Ulož soubor a odkaž na něj pomocí background-image: url(blob.svg), nebo vlož SVG inline a umísti ho za obsah.
Můžu blob animovat?
Ano — můžeš ho v CSS otáčet nebo škálovat, případně pomocí SMIL nebo JavaScriptu přecházet mezi dvěma cestami se stejným počtem bodů.