Генератор SVG-блобів
Генератор SVG blob створює випадкові органічні фігури з плавних кубічних кривих Безьє з налаштуванням складності, випадковості, розміру, кольору заливки й необов’язкового градієнта та експортує SVG-код або файл.
Про цей інструмент
Генератор SVG blob створює випадкові органічні фігури з плавних кубічних кривих Безьє з налаштуванням складності, випадковості, розміру, кольору заливки й необов’язкового градієнта та експортує SVG-код або файл.
Як користуватися
- Задайте складність (кількість точок) і випадковість.
- Виберіть розмір і колір заливки або ввімкніть градієнт.
- Натискайте «Згенерувати знову», доки фігура вам не сподобається.
- Скопіюйте SVG-код або завантажте файл .svg.
Корисно знати
- Кожен blob — це один SVG-шлях, побудований з точок навколо кола, з’єднаних кубічними кривими Безьє.
- Більше точок — складніший контур; більше випадковості — менше схожості на коло.
- SVG-фігури blob залишаються чіткими за будь-якого розміру й важать лише кілька сотень байтів.
- Blob популярні як декор фону, рамки для аватарів і роздільники секцій.
- SVG можна вставити inline, використати як джерело img або як CSS-фон.
Працює повністю у вашому браузері — нічого з того, що ви вводите, не завантажується й не зберігається.
Поширені запитання
Як зробити фігуру blob?
Налаштуйте тут складність і випадковість і натисніть «Згенерувати знову»; кожен клік малює нову випадкову органічну фігуру, яку можна завантажити як SVG.
Чи можна використовувати blob у комерційних цілях?
Так. Фігури генеруються випадково на вашому пристрої, тож їх можна використовувати в будь-якому проєкті.
Як використати SVG blob як фон?
Збережіть файл і вкажіть його через background-image: url(blob.svg) або вставте SVG inline і розмістіть позаду вмісту.
Чи можна анімувати blob?
Так — його можна обертати чи масштабувати через CSS або плавно перетворювати між двома шляхами з однаковою кількістю точок за допомогою SMIL чи JavaScript.