Textures de Bruit et de Grain Sans Pixels
SVG inclut un générateur de bruit natif via le filtre <feTurbulence>. Cet outil offre une interface visuelle pour régler chaque paramètre et exporter un SVG propre, prêt à servir de superposition ou d'arrière-plan.
Deux Types de Bruit
- fractalNoise — empile des octaves de turbulence pour un motif doux et cotonneux. Idéal pour un grain organique et des textures "papier".
- turbulence — bruit brut, plus contrasté, proche du "neige" TV ou de la statique. Parfait pour les effets glitch.
Contrôles
- Fréquence de base — finesse du bruit. Petites valeurs = grandes taches douces ; grandes valeurs = points minuscules.
- Octaves — nombre de couches de bruit sommées. Plus d'octaves = plus de détail et de richesse.
- Graine — entier pour la reproductibilité. Même graine = même motif.
- Monochrome / Couleur — en monochrome, tous les canaux sont multipliés par votre couleur ; en couleur, le RGB natif du bruit est conservé.
- Avant-plan, Arrière-plan, Opacité — réglez la façon dont le bruit se pose sur son propre rectangle d'arrière-plan.
Usages
- Superpositions de grain sur images hero
- Effets rétro TV / VHS
- Arrière-plans "papier" ou "toile" pour des cartes UI
- Grain filmique au-dessus de dégradés (combinez avec l'outil Dégradé Granuleux)
- Bruit visuel pour design systems
Le SVG reste net à n'importe quelle taille et les navigateurs rasterisent le bruit pixel par pixel à l'affichage — pas de coutures, pas de flou à l'agrandissement. Collez-le dans votre HTML ou utilisez-le en background-image: url(...) avec un data URI pour l'empreinte la plus légère.
Tiny Online Tools







