Arches découpées
Gratuit, sans inscription, fonctionne dans votre navigateur.
Le feston inversé : les arcs s'incurvent vers l'intérieur de la zone colorée plutôt que vers l'extérieur, laissant une rangée d'ouvertures en arc le long du bord. Architectural plutôt que décoratif, et le choix évident pour tout ce qui évoque une colonnade ou une galerie.
Les réglages qui la produisent
| Générateur | Vague |
|---|---|
| Points | 6 |
| Amplitude | 62% |
| Irrégularité | 0% |
| Ligne de base | 50% |
| Couches | 1 |
| Douceur | 100% |
| Graine | 302 |
Ce qu'il faut savoir
- Les arcs balaient dans l'autre sens, ce qui est une case à cocher et non une autre forme.
- Six arches est proche de la limite avant que les ouvertures ne deviennent trop étroites pour se lire.
- À 319 octets, il coûte autant que la version vers l'extérieur.
Ce que ça coûte en octets
Cette forme exacte pèse 319 octets en SVG et 480 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 | 319 B |
| Arrière-plan CSS | 480 B |
| clip-path CSS | 511 B |
Le début du SVG de Arches découpées
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-240 160A120 75.39 0 0 0 0 160A120 75.39 0 0 0 240 160A120 75.39 0 0 0 480 160A120 75.39 0 0 0 720 160A120 75.39 0 0 0 960 160A120 75.39 0 0 0 1200 160A120 75.39 0 0 0 1440 160L1440 320L-240 320Z" fill="#4f46e5"/></svg>Plus en détail
Arches rentrantes et sortantes sont la même commande d'arc avec l'indicateur de balayage inversé, et c'est pourquoi il s'agit d'une case à cocher et non d'une famille de préréglages distincte. C'est aussi pourquoi les deux coûtent exactement le même nombre d'octets : rien dans le tracé ne change, sauf un chiffre.
Questions
Comment modifier Arches découpées une fois que je l'ai ?
Ouvrez le générateur, cliquez sur Arches découpées 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 302 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.