Bord pixelisé
Gratuit, sans inscription, fonctionne dans votre navigateur.
Douze points de faible amplitude à forte irrégularité, en marches. Le résultat se lit comme une frontière volontairement pixelisée — utile pour tout registre rétro ou technique où une courbe douce paraîtrait trop molle.
Les réglages qui la produisent
| Générateur | Vague |
|---|---|
| Points | 12 |
| Amplitude | 34% |
| Irrégularité | 66% |
| Ligne de base | 55% |
| Couches | 1 |
| Douceur | 100% |
| Graine | 6502 |
Ce qu'il faut savoir
- De nombreuses marches étroites à des hauteurs variables, d'où l'impression de bitmap.
- La forme en marches la plus lourde d'ici, car chaque point ajoute trois segments au lieu d'un.
- Reproductible à partir de la graine 6502 — à conserver, car à forte irrégularité chaque graine donne autre chose.
Ce que ça coûte en octets
Cette forme exacte pèse 579 octets en SVG et 740 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 | 579 B |
| Arrière-plan CSS | 740 B |
| clip-path CSS | 771 B |
Le début du SVG de Bord pixelisé
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-120 176.21L-60 176.21L-60 152.82L0 152.82L60 152.82L60 175.77L120 175.77L180 175.77L180 178.33L240 178.33L300 178.33L300 193.7L360 193.7L420 193.7L420 188.55L480 188.55L540 188.55L540 200.14L600 200.14L660 200.14L660 15…Plus en détail
Si c'est trop chargé, la solution est moins de points et non moins d'amplitude. Descendre à six garde le caractère en blocs tout en divisant le fichier par deux, alors qu'aplatir l'amplitude ne produit qu'une ligne droite bruitée.
Questions
Comment modifier Bord pixelisé une fois que je l'ai ?
Ouvrez le générateur, cliquez sur Bord pixelisé 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 6502 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.