Filtri Immagine
Clicca o trascina per caricare
JPG / PNG / WEBP / GIF
Carica un'immagine per l'anteprima qui
Applica 8 filtri immagine professionali online: bianco e nero, seppia, inverti, sfocatura, luminosità, contrasto, saturazione e tonalità — ognuno con intensità 0-200% e anteprima in tempo reale.
Raccomandazioni correlate
Cosa sono i filtri immagine?
I filtri immagine sono un insieme di tecniche che mappano i valori dei pixel a nuovi valori tramite trasformazioni matematiche. Sul web e sui dispositivi mobili, lo standard più comune è la proprietà CSS filter (blur, brightness, contrast, grayscale, sepia, saturate, hue-rotate, invert). Questo strumento si basa sullo stesso set di API in Canvas, quindi i filtri possono essere impilati con un clic.
**Come si differenzia da un editor di foto?** Gli editor professionali (Photoshop, Lightroom) supportano pennelli locali, layer e maschere. Questo strumento gestisce la gradazione del colore dell'intera immagine e l'applicazione di filtri in batch. È più leggero, più veloce e più adatto quando non servono edit locali fini.
**B/N vs seppia:** Il B/N unifica l'RGB con la luminanza percepita (pesatura ITU-R BT.601), rimuovendo tutto il colore. La seppia aggiunge una tinta marrone sopra la base in scala di grigi, producendo una sensazione nostalgica più forte.
**Perché impilare tanti effetti non causa distorsione?** I filtri sono matematica per pixel, quindi non alterano mai la struttura del pixel. Qualsiasi combinazione nella gamma 0-200% mantiene l'immagine intatta, anche se il risultato può diventare drammatico. Prova a piccoli passi.
Casi d'uso
- Correggi rapidamente foto sottoesposte o dai colori piatti con luminosità, contrasto e saturazione
- Aggiungi stile vintage, B/N o invertito per personalizzare immagini sui social media
- Unifica il tono di colore o abbellisci foto di prodotti e-commerce e pagine dettaglio
- Regola saturazione e tono per foto tessera, avatar o sfondi di ritratto
- Applica l'effetto inverti a schizzi di design o screenshot UI per test visivi
- Usa il filtro sfocatura per mascherare informazioni private (numeri di telefono, indirizzi) negli screenshot
Come utilizzare
- Carica l'immagine a cui vuoi applicare il filtro (JPG, PNG, WEBP o GIF)
- Scegli tra 8 filtri base nella griglia miniature: B/N, seppia, inverti, sfocatura, luminosità, contrasto, saturazione, tonalità
- Trascina il cursore di intensità per la regolazione fine (0% spento, 100% standard, 200% massimo) e guarda l'anteprima live
- Sovrapponi effetti aggiuntivi passando ad altri filtri e regolando la loro intensità per comporre il look ideale
- Clicca su download per esportare come PNG; il nome file riceve automaticamente il suffisso _filtered
Funzionalità
- 8 effetti integrati: B/N, seppia, inverti, sfocatura, luminosità, contrasto, saturazione, tonalità
- Intensità 0-200%: ogni filtro ha il proprio cursore, 100% è standard, 200% è il massimo
- Anteprima in tempo reale: le modifiche si applicano all'istante, WYSIWYG
- Tutti i formati: funziona con JPG, PNG, WEBP, GIF e altri tipi comuni
- Reset con un clic: cancella tutti i filtri per confrontare originale e risultato
- Elaborazione locale: tutti gli effetti girano nel Canvas del browser, i file non escono mai
Best Practices
Ordine: prima esposizione, poi colore, infine stile
Flusso consigliato: prima regola luminosità e contrasto per correggere l'esposizione, poi la saturazione per il colore, infine aggiungi filtri stilistici come B/N, seppia o tonalità. Questo corrisponde alla logica di Photoshop e impedisce che filtri di stile forti mascherino i problemi di esposizione all'inizio.
Parti dal cursore di intensità al 50%, non saltare al 200%
La maggior parte dei filtri ha il suo aspetto migliore nella gamma 50-150%. Saltare direttamente al 200% causa spesso clipping di saturazione, distorsione di tonalità o sfocatura eccessiva. Parti dal 100% per valutare, poi affina in passi di ±20% a piacere.
Mantieni la saturazione tra 100-150% per evitare il clipping
Saturazione sopra 150% fa sì che rossi e gialli sbordino e perdano dettaglio. Sopra 200%, il risultato può mostrare blocchi di colore irreversibili. La gamma 0-200% è pensata per effetti creativi; per la correzione quotidiana, 80-130% è il punto ideale.
B/N più contrasto moderato = fotogiornalismo classico
Il B/N puro può apparire piatto. Prova B/N 100% più contrasto 110-130% più una piccola regolazione di luminosità (in base all'esposizione originale). Questa combinazione imita lo stile documentaristico dell'era della pellicola ed era la ricetta B/N più popolare sui primi Instagram.
Usa la seppia per vecchie foto e temi nostalgici, non per prodotti moderni
La tinta marrone della seppia modifica pesantemente la palette cromatica, quindi si adatta a nostalgia, lavoro documentaristico e miniature video. Per immagini principali di e-commerce, screenshot UI o foto di prodotti tech, la seppia rende il prodotto datato e poco professionale, rompendo il realismo della merce.
Intensità di sfocatura sopra 30 produce già un bokeh chiaro
Il cursore sfocatura 0-200% corrisponde a un raggio di 0-20px. Intensità 30 (3px) dà una morbidezza sottile. Intensità 50 (5px) funziona bene per un bokeh di sfondo simulato. Intensità 100 (10px) o più è adatta per mascherare informazioni private o isolare il soggetto in un ritratto.
Rotazione di tonalità a 0, 360 o 720 torna al colore originale
La tonalità è uno spazio cromatico circolare. L'intensità 0-200 corrisponde a rotazione 0°-360°. Intensità 100 equivale a 180° (colore complementare), 200 torna all'originale. Per la gradazione creativa, resta nella gamma 10-30; sopra 50 il colore naturale degli oggetti cambia drasticamente.
Dopo la correzione esegui un compressore di immagini per ridurre la dimensione
Questo strumento esporta PNG senza perdite, che può essere grande. Per pagine web, allegati email o upload social, continua con un compressore di immagini — di solito puoi ridurre il 50-80% della dimensione senza perdita visibile convertendo PNG in JPG.
Domande frequenti
Quali filtri immagine sono disponibili? Posso fare B/N o vintage?
Otto effetti professionali integrati: bianco e nero, seppia, inverti, sfocatura, luminosità, contrasto, saturazione e tonalità. Clicca per passare da uno all'altro e creare look vintage, B/N artistico o sfocature sognanti. Ogni filtro supporta 0-200% di intensità, dove 1% mostra cambiamenti sottili, 100% è lo standard e 200% è il massimo.
Posso rendere l'effetto del filtro più forte o più debole?
Sì. Ogni filtro ha un cursore di intensità indipendente. 0% equivale a spento, 100% è lo standard, 200% è il massimo. Per esempio, saturazione al 50% aumenta solo leggermente la vivacità, 150% dà un look cinema immediato. Tonalità a 50 corrisponde a 90° di rotazione, 200 torna al colore originale.
La mia foto è troppo scura o i colori sono piatti. Questo strumento può correggerla?
Sì, è perfetto. La luminosità salva foto sottoesposte in giornate nuvolose. Il contrasto aggiunge profondità alle immagini piatte. La saturazione ripristina le vecchie foto sbiadite. Combinata con la tonalità, puoi passare da toni caldi a freddi, creare blu crepuscolari di atmosfera o stili neon vibranti.
Posso sovrapporre più filtri?
Sì. Puoi applicare più filtri alla stessa immagine — per esempio, seppia leggera più luminosità più contrasto alto più saturazione alta per trovare un tono di marchio coerente. Dato che i filtri sono matematica per pixel, le combinazioni non danneggiano la struttura dell'immagine, ma il risultato può essere più drammatico, quindi regola a piccoli passi.
Quali formati immagine sono supportati? Come salvo il risultato?
Supporto completo per JPG, PNG, WEBP e GIF. Durante l'elaborazione vedi un'anteprima in tempo reale. Quando sei soddisfatto, clicca su download per esportare come PNG (senza perdite, dimensione maggiore). Per un JPG più piccolo, usa questo strumento per il colore e poi passa il risultato in un compressore di immagini.
È sicuro applicare filtri immagine online? Le mie foto verranno rubate?
Assolutamente sicuro. Tutta l'elaborazione immagine avviene localmente nel tuo browser tramite l'API Canvas filter. Nessun file viene caricato su un server, nessun software da installare. Anche foto di famiglia, scansioni di contratti e foto di documenti possono essere elaborate in sicurezza — chiudere il browser libera la memoria all'istante.
La correzione del colore cambierà la dimensione del file?
Sì, leggermente. Schiarire, aumentare il contrasto o incrementare la saturazione può far crescere un po' il file. Scurire, passare a B/N o applicare la seppia rimuove dettagli ad alta frequenza e può ridurre il file. Per ridurre ulteriormente, esegui un compressore di immagini dopo la correzione: correggere prima, comprimere dopo è il flusso standard.
Qual è la differenza tra B/N e seppia?
Il B/N unifica l'RGB usando la luminanza percepita (pesatura ITU-R BT.601: Y = 0.299R + 0.587G + 0.114B), rimuovendo tutto il colore. La seppia aggiunge una tinta marrone sopra quella base in scala di grigi, simulando la tonificazione chimica delle foto del XIX secolo e dando una sensazione nostalgica più forte.
Glossario
- Filtro CSS
- Proprietà CSS che offre filtri immagine nativi del browser: blur, brightness, contrast, drop-shadow, grayscale, hue-rotate, invert, opacity, saturate, sepia. Questo strumento implementa lo stesso set tramite l'API Canvas filter.
- Tono seppia
- Look vintage classico che imita la tonificazione chimica delle foto del XIX secolo. Matrice RGB: R = 0.393R + 0.769G + 0.189B; G = 0.349R + 0.686G + 0.168B; B = 0.272R + 0.534G + 0.131B.
- Rotazione di tonalità
- Rotazione circolare del canale H (tonalità) nello spazio colore HSL. Una rotazione di 360° torna al colore originale. L'intensità 0-200% dello strumento corrisponde a rotazione 0°-360°.
- Pesatura BT.601
- Formula di luminanza secondo ITU-R BT.601: Y = 0.299R + 0.587G + 0.114B. I filtri B/N e i segnali TV usano questa pesatura perché riflette meglio la maggiore sensibilità dell'occhio umano al verde rispetto a una semplice media.
- Esposizione
- La quantità totale di luce catturata da una foto. Sottoesposta = troppo scura; sovraesposta = troppo chiara. I filtri di luminosità possono compensare, ma non possono recuperare il dettaglio delle alte luci già clippate.
- Saturazione
- L'intensità del colore. 0% = scala di grigi totale; 100% = colore originale; >100% = potenziato. Saturazione troppo alta causa clipping del colore e perdita di dettaglio.
8 filtri integrati a colpo d'occhio
| Filtro | Algoritmo / implementazione | Uso tipico |
|---|---|---|
| Bianco e nero | R=G=B=0.299R+0.587G+0.114B | Documentario, arte, tema vintage |
| Seppia | Matrice classica Sepia Tone | Nostalgia, effetto vecchia foto, miniatura video |
| Inverti | 255 meno l'originale per canale RGB | Lastra RX, poster artistico, UI scuro |
| Sfocatura | Canvas filter: blur(radius) | Bokeh sfondo, fuoco, maschera privacy |
| Luminosità | Offset aggiunto a RGB | Sotto/sovraesposizione, schiarire nuvoloso |
| Contrasto | (RGB-128) × factor + 128 | Profondità foto piatta, stile HDR |
| Saturazione | Scala del canale S in HSL | Vivacità, ripristinare sbiadito, colore marchio |
| Tonalità | Rotazione del canale H in HSL | Spostamento creativo, scambio colore, test visivo |
Cursore intensità 0-200% riferimento effetti
| Intensità | Effetto visivo | Uso consigliato |
|---|---|---|
0% | Totalmente spento, equivalente all'originale | Reset, test A/B |
1-30% | Molto sottile, quasi invisibile | Regolazione fine, richiede sguardo attento |
30-70% | Effetto leggero | Gradazione fotografica quotidiana |
100% | Intensità standard | Default per la maggior parte degli scenari |
130-170% | Effetto potenziato | Lavoro stilizzato, coerenza colore marchio |
200% | Effetto massimo | Elaborazione artistica, astratta |
Authoritative References
- ReferenceFiltro CSS - MDN
- ReferenceWikipedia - Seppia (colore)
- ReferenceWikipedia - Fotografia a colori
- Comprimi immagini
- SVG in PNG
- SVG in JPG
- SVG in WebP
- TIFF in PNG
- TIFF in JPG
- GIF in PNG
- GIF in JPG
- Converti Immagine
- PNG in JPG
- HEIC in JPG
- GIF in WebP
- WebP in JPG
- JPG in PNG
- JPG in WebP
- PNG in WebP
- AVIF in PNG
- WebP in PNG
- AVIF in JPG
- HEIC in PNG
- HEIC in WebP
- AVIF in WebP
- Ritaglia Immagine
- Filtri Immagine
- TIFF in WebP
- Generatore ICO
- Editor immagini
- Scanner QR Code
- Ridimensiona immagini
- Ruota e Rifletti Immagine
- Angoli Arrotondati Immagine
- Generatore di Sprite CSS
- Visualizzatore SVG
- Immagine in ASCII Art
- Ingrandisci Immagine
- Filigrana Immagine