Generator SVG Blob
Generator blobów SVG tworzy losowe organiczne kształty z gładkich krzywych Béziera trzeciego stopnia, z kontrolą złożoności, losowości, rozmiaru, koloru wypełnienia i opcjonalnego gradientu, oraz eksportuje kod SVG lub plik.
O tym narzędziu
Generator blobów SVG tworzy losowe organiczne kształty z gładkich krzywych Béziera trzeciego stopnia, z kontrolą złożoności, losowości, rozmiaru, koloru wypełnienia i opcjonalnego gradientu, oraz eksportuje kod SVG lub plik.
Jak używać
- Ustaw złożoność (liczbę punktów) i losowość.
- Wybierz rozmiar i kolor wypełnienia albo włącz gradient.
- Klikaj Regenerate, aż kształt Ci się spodoba.
- Skopiuj kod SVG lub pobierz plik .svg.
Warto wiedzieć
- Każdy blob to pojedyncza ścieżka SVG zbudowana z punktów rozmieszczonych wokół okręgu i połączonych krzywymi Béziera trzeciego stopnia.
- Więcej punktów daje bardziej złożony kontur; większa losowość sprawia, że kształt jest mniej okrągły.
- Bloby SVG są ostre w każdym rozmiarze i ważą zaledwie kilkaset bajtów.
- Bloby są popularne jako dekoracje tła, ramki awatarów i separatory sekcji.
- SVG można użyć inline, jako źródło img lub jako tło w CSS.
Działa w całości w przeglądarce — nic, co wpiszesz, nie jest wysyłane ani zapisywane.
Najczęściej zadawane pytania
Jak zrobić kształt bloba?
Ustaw tu złożoność i losowość, a potem kliknij Regenerate; każde kliknięcie rysuje nowy losowy organiczny kształt, który możesz pobrać jako SVG.
Czy mogę używać blobów komercyjnie?
Tak. Kształty są generowane losowo na Twoim urządzeniu, więc możesz ich użyć w dowolnym projekcie.
Jak użyć bloba SVG jako tła?
Zapisz plik i odwołaj się do niego przez background-image: url(blob.svg) albo wklej SVG inline i umieść go za treścią.
Czy mogę animować bloba?
Tak — możesz go obracać lub skalować w CSS albo płynnie przekształcać między dwiema ścieżkami o tej samej liczbie punktów za pomocą SMIL lub JavaScriptu.