Blob doux
Gratuit, sans inscription, fonctionne dans votre navigateur.
Six points à faible irrégularité : reconnaissable comme un blob, mais assez proche d'un cercle pour se tenir derrière le contenu sans lui faire concurrence. Le choix sûr pour une forme de fond décorative.
Les réglages qui la produisent
| Générateur | Blob |
|---|---|
| Points | 6 |
| Irrégularité | 28% |
| Douceur | 100% |
| Graine | 2048 |
Ce qu'il faut savoir
- La faible irrégularité garde tous les lobes de taille voisine, ce qui le rend calme.
- Six points est le bon équilibre — moins ressemble à un polygone arrondi, plus se rapproche d'un cercle.
- À 330 octets, il est assez léger pour être intégré derrière une carte sans y réfléchir.
Ce que ça coûte en octets
Cette forme exacte pèse 330 octets en SVG et 491 octets en arrière-plan CSS — l'URI de données est plus lourde parce que l'encodage en pourcentage coûte trois caractères pour chacun qu'il échappe. Les deux chiffres concernent la forme montrée ci-dessus, avec deux décimales de précision sur les coordonnées.
| Format | Taille |
|---|---|
| SVG | 330 B |
| Arrière-plan CSS | 491 B |
| clip-path CSS | 548 B |
| border-radius CSS | 110 B |
Le début du SVG de Blob doux
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 33.65C118.88 33.14,151.1 49.98,159.29 65.77C167.49 81.56,159.05 113.2,149.17 128.39C139.29 143.58,116.48 156.87,100 156.92C83.52 156.98,59.27 143.39,50.27 128.71C41.27 114.03,37.71 84.67,46 68.82C54.29 52.98,81.12 34.16,100 33.65Z" fill="#4f46e…Plus en détail
Les blobs sont des courbes fermées, ce qui fait de la jonction entre le dernier point et le premier une jonction comme les autres — mais seulement si la recherche de voisins boucle. Réutiliser du code de courbe ouverte la tronque à cet endroit, et le résultat est une unique encoche plate dans une forme par ailleurs ronde. C'est le défaut le plus répandu dans les générateurs de ce type, il est invisible jusqu'à ce que quelqu'un agrandisse le blob, et la suite de tests contrôle explicitement cette couture sur chaque forme produite.
Questions
Comment modifier Blob doux une fois que je l'ai ?
Ouvrez le générateur, cliquez sur Blob doux dans la rangée de préréglages, puis faites glisser ce que vous voulez. Le préréglage est un point de départ, pas un verrou — tous les curseurs restent actifs, et le champ de graine accepte un mot si vous préférez nommer votre forme plutôt que la numéroter.
Sera-t-elle identique la prochaine fois ?
Oui, tant que la graine est la même. Celle-ci est la graine 2048 avec 6 points. Le générateur est déterministe : ces réglages reproduisent cette courbe exacte sur n'importe quel appareil.
Puis-je utiliser une autre couleur ?
Oui — la couleur est appliquée à l'export, elle n'est pas figée dans la géométrie. L'aperçu ci-dessus utilise la couleur par défaut ; choisissez la vôtre dans le générateur et le SVG, l'arrière-plan CSS et le clip-path suivront.
Chaque chiffre et chaque forme de cette page ont été produits en exécutant le générateur au moment de la compilation : ils décrivent donc l'outil que vous vous apprêtez à utiliser, et non une version qui a existé un jour.