Strumento Filtri Video
Carica un video e regola luminosità, contrasto, saturazione e sfocatura con dei cursori, più un preset colore in scala di grigi o seppia, poi esporta un video ri-codificato con il filtro applicato a ogni fotogramma. Ogni fotogramma viene decodificato, ridisegnato tramite un canvas con il filtro CSS composto applicato, e ri-codificato, tutto sul dispositivo.
Verificato da Vincenzo Manto, Fondatore e Lead Developer · Ultimo aggiornamento 11 ottobre 2026
Come funziona
- 1
Carica un file video e lascia che venga caricato nel player.
- 2
Regola i cursori di luminosità, contrasto, saturazione e sfocatura, e scegli un preset colore scala di grigi, seppia o nessuno.
- 3
Il filtro CSS composto viene applicato fotogramma per fotogramma al momento dell'esportazione.
- 4
Clicca su Esporta per ri-codificare il video filtrato, poi visualizza e scarica il risultato.
Filtro reale per pixel, non solo CSS di riproduzione
Invece di applicare un filtro CSS all'elemento <video> (che influenza solo ciò che vedi a schermo, non il file), questo strumento decodifica ogni fotogramma, lo disegna tramite un canvas offscreen con la stessa sintassi di filtro applicata tramite il contesto di rendering del canvas, e ri-codifica il risultato, così il filtro viene effettivamente incorporato nel file video esportato.
Il passthrough audio è nella roadmap
Poiché questo strumento deve toccare ogni singolo fotogramma video, costruisce un nuovo file di output da zero invece di usare una semplice copia a livello di contenitore, motivo per cui la prima versione viene distribuita senza la traccia audio originale. La qualità dell'immagine e la precisione del filtro non ne sono influenzate, solo l'audio.
Domande frequenti
Il video esportato ha l'audio?
No, non in questa versione. Applicare un filtro a livello di pixel a ogni fotogramma richiede di decodificare e ri-codificare da zero la traccia video, e questa prima versione non trasferisce la traccia audio originale, quindi il file esportato è muto. Prevediamo di aggiungere il passthrough audio in un futuro aggiornamento.
Posso combinare un preset colore con i cursori?
Sì. Luminosità, contrasto, saturazione e sfocatura vengono sempre applicati, e il preset scala di grigi o seppia (se scelto) viene sovrapposto sopra di essi, in quest'ordine, rispecchiando come si compongono le funzioni filter CSS.
Perché l'intervallo del cursore si ferma a 1.5 per luminosità e contrasto?
Valori molto oltre 1.5x tendono a bruciare le luci o schiacciare le ombre al punto da rendere inutilizzabile il filmato reale, quindi l'intervallo è limitato per mantenere ogni impostazione in un risultato sensato.
Quanto tempo richiede l'esportazione?
Approssimativamente proporzionale alla durata e alla risoluzione del video, poiché ogni singolo fotogramma viene decodificato, ridisegnato con il filtro e ri-codificato. Clip più lunghe o a risoluzione più alta richiederanno decisamente più tempo rispetto all'anteprima di pochi secondi che vedi mentre regoli i cursori.
Questo viene elaborato su un server?
No. Decodifica, filtro e ri-codifica avvengono tutti nella tua scheda del browser usando l'API WebCodecs. Il file video non viene mai caricato da nessuna parte.
Strumenti correlati
Da Screenshot a Video Promo SaaS
Trasforma uno screenshot della tua app in un video promo con flyover 3D, come nelle landing page SaaS.
Taglia e Ritaglia Video
Taglia e ritaglia un video nel browser, esporta in MP4 o WebM con audio incluso.
Ridimensiona Video
Ridimensiona un video a dimensioni esatte in pixel nel browser, esporta in MP4 o WebM.