Comment générer une forme de blob SVG aléatoire
Publié le 15 septembre 2026 · 2 min de lecture
Ces formes de blob lisses et organiques derrière les sections hero et illustrations ne sont pas dessinées à la main — elles sont générées à partir de points aléatoires connectés par une courbe lisse. Cet outil en construit une à partir d'une valeur de graine, donc la même graine reproduit toujours la même forme.
Essayer Générateur de blob SVGÉtapes
- 1
Ouvrez le Générateur de blob SVG
Accédez au générateur de blob.
- 2
Définissez les points d'ancrage et l'aléatoire
Plus de points créent des formes plus complexes ; plus d'aléatoire crée des contours plus irréguliers, organiques.
- 3
Choisissez une graine et couleur
La graine détermine la forme exacte — changez-la pour un nouveau blob, ou gardez-la pour reproduire le même plus tard.
- 4
Copiez le SVG
Utilisez le balisage généré directement dans votre HTML ou outil de design.
Questions fréquentes
Oui — le générateur est entièrement déterministe, donc une graine et un nombre de points donnés reproduisent toujours exactement le même blob, utile si vous voulez recréer une forme que vous aimiez plus tard.
Les points aléatoires sont connectés en utilisant un spline Catmull-Rom converti en courbes de Bézier cubiques lisses, ce qui donne au blob son contour organique et arrondi plutôt que des angles vifs.
Oui — c'est un cas d'usage courant ; copiez le SVG et positionnez-le derrière votre contenu avec CSS, ajustant la couleur de remplissage pour correspondre à votre design.
Comme la forme est du véritable balisage SVG modifiable — pas une image — elle s'adapte parfaitement à n'importe quelle taille sans perte de qualité.