Filtri per immagini
NovitàRegola luminosità, contrasto, saturazione, sfocatura e altro, poi scarica.
filter: none; Runs entirely in your browser. Nothing is uploaded.
Applica filtri e regolazioni fotografiche nel tuo browser
Questo editor di filtri immagine ti permette di trasformare qualsiasi foto in pochi secondi: inserisci un'immagine, clicca un preset o trascina i cursori e osserva il risultato aggiornarsi in tempo reale. Combina un editor visivo con veri filtri CSS per immagini, così ottieni sia un'immagine scaricabile che il codice filter: esatto che la genera. Niente da installare, nessun account da creare, nessun limite di dimensione file. Funziona con qualsiasi formato: JPG, PNG, WebP, GIF.
A differenza degli editor pesanti che richiedono un abbonamento, qui tutto gira localmente su un canvas HTML. La tua immagine non viene mai caricata su nessun server, il che lo rende un modo rapido e privato per correggere o stilizzare una foto prima di condividerla. Il livello gratuito di Fotor aggiunge una filigrana ai download. PicMonkey richiede un piano a pagamento da 12,99 $/mese per l'accesso completo ai filtri. UtiloKit non ha filigrane né paywall: apri la pagina e inizia a modificare.
Il set completo di regolazioni dei filtri CSS
Nove regolazioni coprono l'intero set di funzioni CSS filter: luminosità, contrasto, saturazione, scala di grigi, seppia, rotazione della tonalità, inversione, sfocatura e opacità. Luminosità, contrasto e saturazione sono tutti centrati sul 100%, rendendo facile ritoccare una foto senza esagerare, mentre hue-rotate (0–360°) sposta ogni colore lungo la ruota dei colori — utile per la gradazione cromatica delle foto di prodotti o per creare un effetto colorato creativo senza toccare uno strumento di design.
Impila qualsiasi combinazione e l'anteprima la riflette istantaneamente. Trascina il cursore di confronto prima/dopo per vedere la differenza in qualsiasi momento. Lo strumento mostra la dichiarazione CSS esatta che si aggiorna mentre lavori, così impari quali funzioni producono quali effetti semplicemente giocando con i cursori. Nessun altro strumento di filtri gratuito combina un'anteprima immagine in tempo reale con l'output del codice CSS in tempo reale.
Preset in stile Instagram, a portata di clic
La galleria dei preset trasforma le combinazioni di cursori in look con nome: Vivace, Caldo, Freddo, B&N, Noir, Vintage, Sbiadito, Seppia e altro ancora. Ogni miniatura mostra l'effetto in anteprima sulla tua immagine, così puoi scorrere la riga e scegliere un look prima di applicarlo. Sono gli stessi tipi di filtri in stile Instagram per cui VSCO e Lightroom Mobile fanno pagare un abbonamento, ricreati con semplici funzioni CSS filter senza alcun costo.
Clicca un preset per applicarlo, poi affina con i cursori per personalizzarlo. Il CSS sottostante è sempre visibile, quindi se stai costruendo un sistema di design puoi copiare i valori esatti e ricreare il look in qualsiasi progetto web. Trasformare il preset Vintage nel tuo stile personalizzato richiede circa 30 secondi.
Copia il codice CSS dei filtri — e usalo ovunque
Ogni regolazione si rispecchia come una dichiarazione CSS in tempo reale: filter: brightness(105%) contrast(115%) saturate(140%);. Clicca Copia CSS e incollalo direttamente in un foglio di stile. Funziona su elementi img, video, sfondi div e elementi SVG — tutto ciò che la proprietà CSS filter supporta. I valori predefiniti vengono omessi automaticamente per mantenere lo snippet minimale e leggibile.
La maggior parte dei generatori di filtri CSS mostra un'immagine di anteprima generica. Questo applica il filtro alla tua foto caricata così puoi vedere esattamente come apparirà in contesto. Aggiungi transition: filter 0.3s; per ottenere un'animazione fluida al passaggio del mouse. Il codice è pronto per la produzione: nessun prefisso necessario, supportato in Chrome, Edge, Firefox, Safari e tutti i principali browser mobili dal 2016.
Come funzionano davvero i filtri immagine — e perché non serve l'upload
Un filtro immagine è una trasformazione di pixel. Il browser percorre ogni pixel e riscrive i suoi valori RGB: grayscale(100%) li collassa in un singolo grigio calcolando la media dei canali, sepia() scalda i toni verso il marrone-arancione, invert() inverte i valori in un negativo, e blur() calcola la media di ogni pixel con i suoi vicini usando un kernel gaussiano. Questa matematica è abbastanza leggera da girare a 60fps su una GPU, ed è per questo che l'anteprima sembra istantanea.
Poiché tutto gira su un canvas HTML nel tuo browser, la tua foto non lascia mai il dispositivo. Caricare un'immagine su un servizio come LunaPI, Pixlr o persino Google Foto significa che la tua immagine si trova su un server remoto per l'elaborazione. Questo strumento elimina completamente quel passaggio — regolare, visualizzare in anteprima e scaricare avvengono tutti localmente. Per chi gestisce foto private o documenti sensibili, questa è una differenza significativa.
Confronto con i concorrenti — strumenti gratuiti per filtri immagine
Diversi strumenti noti offrono filtri immagine online, ciascuno con i propri compromessi. Fotor ha una buona libreria di preset ma limita i download di alta qualità e aggiunge filigrane sul piano gratuito. PicMonkey richiede un abbonamento da 12,99 $/mese per accedere alla maggior parte dei filtri e richiede sempre il login. Pixlr E è un editor fotografico completo che gestisce bene i filtri, ma carica la tua immagine sui suoi server. Canva include filtri nel suo editor immagini ma richiede un account e salva i file nel cloud di Canva.
UtiloKit Image Filters non fa nulla di tutto ciò. Nessun upload, nessun account, nessuna filigrana, nessun limite giornaliero. Ottieni anche l'output del codice CSS — qualcosa che nessuno di quegli strumenti fornisce — il che lo rende l'unico strumento gratuito che funziona ugualmente bene per i designer che modificano le foto e gli sviluppatori che abbinano stili visivi nel codice. Per chiunque voglia filtrare una foto e scaricarla privatamente, la differenza è significativa.
Frequently asked questions
Come funzionano i filtri immagine?
I filtri immagine funzionano trasformando il colore di ogni pixel in tempo reale. Ogni filtro applica una piccola operazione matematica ai canali rosso, verde e blu di ogni pixel: brightness(150%) li moltiplica per 1,5 per schiarire l'immagine, grayscale(100%) li media in un unico tono grigio, e blur(4px) mescola ogni pixel con i suoi vicini usando un kernel di convoluzione. Poiché questo gira sulla GPU tramite l'API canvas HTML, l'anteprima si aggiorna nell'istante in cui trascini un cursore — nessuna attesa, nessun upload, nessun round-trip al server.
Quali sono i tipi di filtri immagine disponibili?
Ci sono due grandi gruppi. I filtri di regolazione cambiano tono e colore mantenendo la foto dall'aspetto naturale — luminosità, contrasto, saturazione e rotazione della tonalità rientrano qui. I filtri effetto ridisegnano l'immagine in un look distinto — scala di grigi (bianco e nero), seppia (vintage caldo), inversione (negativo), sfocatura (messa a fuoco morbida) e opacità (trasparenza). Questo editor ti dà tutte e nove le funzioni di filtro CSS. Sovrapporle, ad esempio grayscale(100%) con contrast(120%), è esattamente come vengono costruiti i preset con nome come Vintage, Noir e Sbiadito.
Come aggiungo un filtro a un'immagine online gratuitamente?
Trascina una foto nel riquadro sopra (o clicca per sfogliare, o incolla con Ctrl/Cmd+V), poi clicca su una miniatura preset o trascina i cursori di regolazione. L'anteprima si aggiorna in tempo reale e un cursore prima/dopo ti permette di confrontare con l'originale in qualsiasi momento. Quando ti piace il risultato, clicca Scarica PNG o Scarica JPG per salvare alla risoluzione originale. Nulla viene caricato — ogni passaggio gira nel tuo browser. PicMonkey richiede l'accesso e limita le esportazioni gratuite a risoluzioni inferiori. Fotor aggiunge una filigrana ai download gratuiti. Questo strumento non ha requisiti di account, nessun paywall e nessun limite giornaliero.
Cos'è la proprietà CSS filter e come la genero?
La proprietà CSS filter applica effetti grafici a qualsiasi elemento HTML usando una catena di funzioni filter: brightness(), contrast(), saturate(), grayscale(), sepia(), hue-rotate(), invert(), blur() e opacity(). Ad esempio, filter: contrast(120%) saturate(140%) sepia(15%); dà un aspetto incisivo e leggermente caldo. Questo strumento costruisce quella stringa esatta mentre sposti i cursori, così puoi copiarla direttamente nel tuo foglio di stile e applicarla a qualsiasi img, div, video o SVG.
Come applico filtri in stile Instagram senza Instagram?
I filtri in stile Instagram sono combinazioni predefinite di funzioni CSS filter di base. Un look simile al Clarendon è circa contrast(120%) saturate(135%), un look da pellicola sbiadita usa contrast(85%) brightness(110%) sepia(12%), e un tono Vivid intenso sovrappone contrast(130%) saturate(160%). Clicca su qualsiasi miniatura preset nella galleria per applicarla istantaneamente alla tua foto, poi regola i singoli cursori per spingere il look oltre. Ottieni gli stessi risultati visivi degli editor a pagamento come VSCO o i preset di Lightroom — senza app, senza abbonamento, senza upload.
Come rendo un'immagine in bianco e nero, seppia o vintage online?
Per il bianco e nero, imposta la scala di grigi al 100% — il preset B&N lo fa con un clic, e Noir aggiunge contrasto extra per un effetto drammatico. Per la seppia, alza il cursore seppia; sepia(80%) dà una classica stampa dai toni bruni. Per un look vintage, combinali: il preset Vintage usa sepia(55%) contrast(108%) brightness(104%) saturate(120%) per un senso di pellicola calda e leggermente sbiadita. Canva e Adobe Express possono fare cose simili ma richiedono l'accesso. Questo gira interamente nel tuo browser — senza account, senza upload, senza attesa.
È sicuro usare uno strumento di filtri immagine online?
Dipende dallo strumento. Molti editor online — Fotor, LunaPI, Pixlr — caricano la tua foto sui loro server per l'elaborazione, il che significa che la tua immagine si trova sulla macchina di qualcun altro e potrebbe essere conservata per analisi o addestramento di modelli. Il filtro immagini di UtiloKit gira interamente su un canvas HTML all'interno del tuo browser: la tua immagine viene letta localmente, elaborata localmente e scaricata localmente — non viene mai caricata, mai memorizzata e vista da nessuno tranne te.
Related tools
Vedi tutti gli strumentiRuota e capovolgi immagine
Ruota a passi di 90° e capovolgi un’immagine in orizzontale o verticale.
Da PNG a ICO
Converti un’immagine in una favicon .ico multi-risoluzione nel tuo browser.
Visualizzatore e rimozione EXIF
Guarda i metadati nascosti di una foto — fotocamera, data, GPS — e rimuovili per la tua privacy.
PDF in JPG
Converti le pagine PDF in immagini JPG, PNG o WebP con la qualità che scegli — tutto nel tuo browser.
Generatore di meme
Crea meme con il classico testo sopra/sotto o caselle di testo trascinabili — senza filigrana, senza registrazione.
Image to Text (OCR)
Extract text from any image, screenshot or photo — free online OCR that runs entirely in your browser, no upload required.