Générateur de blobs SVG
Générez des formes organiques aléatoires (blobs) pour vos arrière-plans et illustrations. Réglez la complexité et l'aléatoire, remplissage uni, dégradé ou contour, export SVG, PNG ou CSS.
Chargement de Générateur de blobs SVG…
Vos fichiers ne quittent jamais votre appareil
Comment utiliser Générateur de blobs SVG
- 1
Ouvrez Générateur de blobs SVG sur cette page. Il se charge directement dans votre navigateur.
- 2
Ajoutez votre fichier, texte ou valeurs et ajustez les réglages.
- 3
Copiez ou téléchargez le résultat. Rien n'est envoyé ni stocké.
À propos de cet outil
Les blobs, ces formes organiques et douces, sont un moyen populaire d'ajouter de la couleur et du mouvement aux pages d'accueil, sections hero, écrans d'application et visuels pour les réseaux sociaux sans utiliser de photos. Ce générateur de blobs crée un nouveau blob aléatoire en un clic et vous permet de le modeler, de le colorer et de l'exporter pour votre code ou vos outils de design.
Comment créer un blob
- Cliquez sur New blob jusqu'à ce que la forme vous plaise.
- Réglez la complexité (nombre de courbes) et l'aléatoire (degré d'irrégularité).
- Choisissez le remplissage : uni, dégradé ou contour, et définissez les couleurs.
- Copiez le SVG ou le CSS, ou téléchargez un fichier SVG ou PNG.
Idées d'utilisation
- Arrière-plans hero : un grand blob en dégradé doux derrière un titre.
- Cadres d'image : utilisez le blob comme masque pour qu'une photo prenne sa forme.
- Icônes et badges : de petits blobs derrière des icônes pour un style convivial.
- Séparateurs de sections et formes décoratives dans les présentations et les publications sociales.
Conseils
- Gardez une complexité faible pour des formes calmes et lisses ; augmentez-la pour des formes ondulantes et ludiques.
- Utilisez le SVG sur le web : il est léger, net à toute taille et facile à recolorer en CSS.
- Baissez l'opacité et superposez deux ou trois blobs pour créer de la profondeur.
- Animez doucement un blob SVG avec des transformations CSS pour un arrière-plan vivant.
Associez vos blobs à des dégradés du générateur de dégradés CSS, ou ajoutez des fonds répétés avec le générateur de motifs.
Questions fréquentes
Comment obtenir une nouvelle forme de blob ?
Cliquez sur New blob. Chaque clic crée une forme aléatoire différente que vous pouvez ensuite ajuster.
Puis-je utiliser les blobs à des fins commerciales ?
Oui. Les formes que vous générez sont à vous pour vos sites, applications et designs.
Quels formats puis-je exporter ?
Copiez le code SVG ou CSS, ou téléchargez le blob en fichier SVG ou PNG.
Un blob peut-il avoir un dégradé ?
Oui. Choisissez le remplissage en dégradé et ses couleurs, ou le contour pour un blob uniquement en trait.
Comment utiliser un blob comme masque d'image ?
Utilisez le tracé SVG comme clipPath en SVG, ou le CSS généré comme clip-path, pour qu'une image prenne la forme du blob.
Est-ce gratuit ?
Oui, sans inscription et sans filigrane.