Gemme facettée
Gratuit, sans inscription, fonctionne dans votre navigateur.
Les mêmes points qu'utiliserait un blob, reliés par des droites plutôt que par une courbe. Les facettes planes accrochent la lumière autrement qu'un blob lisse, et c'est pourquoi ceci se lit comme de la pierre taillée et non comme une forme liquide.
Les réglages qui la produisent
| Générateur | Blob |
|---|---|
| Points | 7 |
| Irrégularité | 55% |
| Douceur | 100% |
| Graine | 9090 |
Ce qu'il faut savoir
- Des arêtes droites : nettement plus léger que le blob lisse équivalent.
- Une irrégularité modérée garde les facettes variées sans qu'aucune domine.
- À 182 octets, il figure parmi les formes les plus légères d'ici.
Ce que ça coûte en octets
Cette forme exacte pèse 182 octets en SVG et 343 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 | 182 B |
| Arrière-plan CSS | 343 B |
| clip-path CSS | 400 B |
| border-radius CSS | 110 B |
Le début du SVG de Gemme facettée
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 28.66L157.96 53.78L162.15 114.19L122 145.68L75.84 150.18L44.25 112.72L58.68 67.05Z" fill="#4f46e5"/></svg>Plus en détail
Les polygones sont ce que cet outil produit de moins coûteux. Un polygone à sept points, c'est sept paires de coordonnées ; les mêmes sept points en spline fermée, vingt et une. S'il vous faut une forme d'allure organique sur une page où les octets comptent, un polygone à forte irrégularité vous en donne l'essentiel pour le tiers du prix.
Questions
Comment modifier Gemme facettée une fois que je l'ai ?
Ouvrez le générateur, cliquez sur Gemme facettée 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 9090 avec 7 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.