Bulle
Gratuit, sans inscription, fonctionne dans votre navigateur.
Douze points avec une irrégularité basse, ce qui donne quelque chose de presque circulaire mais visiblement fait à la main. Utile quand un cercle parfait paraîtrait stérile mais qu'un blob paraîtrait trop enjoué.
Les réglages qui la produisent
| Générateur | Blob |
|---|---|
| Points | 12 |
| Irrégularité | 20% |
| Douceur | 100% |
| Graine | 7211 |
Ce qu'il faut savoir
- Beaucoup de points à faible irrégularité convergent vers un cercle doté d'une ondulation lente.
- Le blob le plus coûteux d'ici, à 559 octets, parce que chaque point ajoute un segment cubique.
- Si vous voulez ce rendu à moindre coût, prenez six points et baissez l'irrégularité.
Ce que ça coûte en octets
Cette forme exacte pèse 559 octets en SVG et 720 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 | 559 B |
| Arrière-plan CSS | 720 B |
| clip-path CSS | 777 B |
| border-radius CSS | 106 B |
Le début du SVG de Bulle
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 36.37C110.36 36.38,121.78 40.94,131.07 46.18C140.36 51.42,150.78 58.85,155.74 67.82C160.71 76.79,160.7 89.18,160.87 100C161.04 110.82,161.46 123.37,156.74 132.76C152.02 142.15,141.99 151.34,132.53 156.35C123.08 161.35,110.54 163.31,100 162.79C8…Plus en détail
Ce préréglage est l'illustration la plus nette d'un arbitrage que cet outil cherche à rendre visible : douze points coûtent environ le double d'octets de six, et à faible irrégularité la différence entre les deux est une ondulation que presque personne n'enregistrera consciemment. Le compteur d'octets se trouve sous la zone de sortie précisément pour que ce choix soit fait délibérément plutôt que par défaut.
Questions
Comment modifier Bulle une fois que je l'ai ?
Ouvrez le générateur, cliquez sur Bulle 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 7211 avec 12 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.