Fleur
Gratuit, sans inscription, fonctionne dans votre navigateur.
Les mêmes rayons alternés qu'une étoile, mais avec la douceur au maximum, de sorte que chaque pointe devient un pétale arrondi. Le résultat est botanique plutôt que géométrique, et fonctionne bien en grand et en pâle derrière du contenu.
Les réglages qui la produisent
| Générateur | Blob |
|---|---|
| Points | 6 |
| Irrégularité | 10% |
| Douceur | 150% |
| Graine | 701 |
Ce qu'il faut savoir
- La douceur maximale transforme chaque pointe en pétale.
- Six pétales est le plus fleur ; quatre se lit comme un trèfle, dix comme une marguerite.
- À 557 octets, c'est la forme la plus détaillée d'ici, car douze points portent chacun un segment cubique.
Ce que ça coûte en octets
Cette forme exacte pèse 557 octets en SVG et 718 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 | 557 B |
| Arrière-plan CSS | 718 B |
| clip-path CSS | 775 B |
| border-radius CSS | 104 B |
Le début du SVG de Fleur
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 37.57C108.24 37.5,102.78 63.66,116.56 71.31C130.34 78.96,151.28 61,155.12 68.18C158.96 75.35,131.93 84.08,131.94 100C131.95 115.92,159.03 124.73,155.15 131.84C151.28 138.96,130.22 121.26,116.43 128.46C102.64 135.66,108.05 160.93,100 160.64C91.9…Plus en détail
C'est la forme la plus coûteuse du catalogue, et le compteur d'octets le rend visible avant que vous ne la mettiez en ligne. Si vous voulez le rendu pour moins cher, descendez à quatre pétales : cela divise le coût par deux et, aux tailles où l'on emploie habituellement une forme de fond, la différence est difficile à voir.
Questions
Comment modifier Fleur une fois que je l'ai ?
Ouvrez le générateur, cliquez sur Fleur 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 701 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.