Generatore di texture granulosa (noise) per sfondi
Regola la grana e guardala sullo sfondo. L’SVG usa il filtro feTurbulence e pesa pochi byte; il PNG è un piccolo blocco che si ripete senza giunture visibili.
Come si usaGrana da pellicola per gli sfondi
Disponibile in: 
Generatore di texture granulosa (noise) per sfondi: a cosa serve
Uno strato leggero di grana dà a sfondi lisci e sfumature un aspetto da carta o pellicola e maschera anche le bande che compaiono nelle sfumature morbide.
Regola la dimensione del grano, il dettaglio, l’opacità e la modalità di fusione e guarda il risultato su una sfumatura di prova. Copia il CSS con il rumore in SVG (filtro feTurbulence, di pochi byte e senza giunture) applicato a uno pseudo-elemento, oppure scarica un PNG da 128, 256 o 512 px da ripetere sullo sfondo.
Come si usa
- Regola grana, opacità e fusione.
- Prova sui colori del tuo sfondo.
- Copia il CSS o scarica il PNG.
Quando usarlo
- Sfondo hero con sfumatura.
- Card con texture di carta.
- Look retrò o da pellicola.
Domande frequenti
A cosa serve la grana?
Uno strato leggero di rumore toglie l’aspetto plastico di sfondi lisci e sfumature, rende l’aspetto più organico e maschera anche le bande che compaiono nelle sfumature morbide (banding).
SVG o PNG?
L’SVG con feTurbulence pesa pochi byte e si adatta a qualsiasi dimensione, ma viene disegnato dal browser e può appesantire schermi grandi con animazioni. Il PNG è un piccolo blocco ripetuto, leggero da disegnare. Per uno sfondo fisso vanno bene entrambi.
Quanta grana usare?
Poca. Un’opacità tra 5% e 15% dà texture senza sporcare la pagina; oltre, lo sfondo comincia a sembrare una foto rumorosa e ostacola la lettura del testo sopra.
È davvero gratis?
Sì, 100% gratis. Senza registrazione, senza abbonamento e senza limiti d’uso. Tutti gli strumenti di Tools123 sono gratuiti.