À propos de cet outil
Les formes organiques en « blob » comme celle-ci sont un classique du design web moderne — utilisées comme arrière-plans décoratifs doux derrière un texte de héros, comme masques d'image transformant une photo ordinaire en silhouette irrégulière façon dessin à la main, ou comme accents ludiques autour d'icônes et de cartes. Ce générateur construit un tracé SVG fermé et lisse à partir de quelques points placés aléatoirement, puis arrondit les angles avec une courbe de Catmull-Rom pour que le contour s'écoule naturellement au lieu de ressembler à un polygone dentelé.
Le nombre de graine (seed) est l'empreinte de toute la forme : la même graine produit toujours exactement le même blob, peu importe le nombre de régénérations. Vous pouvez donc ajuster les curseurs de points et d'irrégularité jusqu'à obtenir une forme qui vous plaît, noter la graine, puis recréer ce blob identique plus tard — ou partager le numéro de graine avec un collègue pour qu'il obtienne exactement la même forme au lieu d'une autre forme aléatoire.
Questions fréquentes
Pourquoi la même graine produit-elle toujours le même blob ?
La forme est générée par une fonction pseudo-aléatoire déterministe amorcée avec votre nombre, donc la même graine reproduit toujours exactement la même forme — utile si vous voulez enregistrer ou partager un blob spécifique.
Puis-je utiliser le SVG généré directement comme arrière-plan CSS ?
Oui — téléchargez le fichier SVG et référencez-le avec background-image: url(...), ou copiez le balisage du path directement dans un élément <svg> en ligne.