🔆
luminosità immagine,
Luminosità & Contrasto Immagine
Regolazione foto in tempo reale —
⚡
Anteprima in tempo reale
Aggiornamenti istantanei tramite cursori
🎨
4 cursori di regolazione
Luminosità, contrasto, saturazione, temperatura
🔒
Nessun caricamento su server
Elaborazione sicura solo nel browser
Per favore seleziona un’immagine
🔒
La tua immagine non viene mai inviata a un server. Tutta l’elaborazione avviene nel tuo browser.
Potrebbe piacerti anche
informazioni,
Informazioni
Uno strumento gratuito basato su browser per regolare luminosità, contrasto, saturazione e temperatura colore con dei cursori. Perfetto per correggere foto sottoesposte, migliorare le immagini dei prodotti o calibrare i colori prima di pubblicarli sui social media.
Tutta l'elaborazione utilizza l'API Canvas e la manipolazione a livello di pixel di ImageData — completamente offline, nessun caricamento su server. Modifica non distruttiva: l'immagine originale viene mantenuta in memoria in modo da poterla ripristinare in qualsiasi momento.
come si usa,
Come si usa
STEP 1
Seleziona immagine
Scegli la foto che vuoi modificare
STEP 2
Regola i cursori
Muovi i cursori per Luminosità, Contrasto, Saturazione e Temperatura. Le modifiche appaiono istantaneamente nell'anteprima
STEP 3
Salva
Scegli PNG o JPEG e clicca su Salva
glossario,
Glossario
- Luminosità
- Sposta uniformemente tutti i valori dei pixel rendendoli più chiari o più scuri. I valori positivi aggiungono una costante a ciascun canale RGB, aumentando la luminosità complessiva. I valori negativi sottraggono, scurendo l'immagine. Utile per correggere scatti sottoesposti o sovraesposti.
- Contrasto
- Espande o comprime la gamma tonale. I valori positivi spingono i pixel chiari a essere più chiari e i pixel scuri a essere più scuri, aumentando la profondità percepita. I valori negativi appiattiscono l'immagine verso un grigio uniforme. Il contrasto viene applicato scalando ogni valore di canale intorno al punto medio (0.5).
- Saturazione
- Controlla la vividezza del colore. A -100 l'immagine diventa completamente in scala di grigi. A +100 i colori sono al massimo della vividezza. Calcolata utilizzando la scala di grigi pesata in base alla luminanza (Luma) (R×0.2126 + G×0.7152 + B×0.0722) per adattarsi alla percezione del colore umano.
- Temperatura Colore
- Sposta l'immagine tra toni caldi (arancione/rosso) e freddi (blu). I valori positivi aumentano il canale rosso e riducono il blu, simulando la calda luce del sole o della luce di una candela. I valori negativi fanno l'opposto per un aspetto fresco e diurno.
- Canvas API
- Un'API nativa del browser HTML5 per disegnare e manipolare la grafica a livello di pixel. Questo strumento la utilizza per leggere i dati grezzi dei pixel (ImageData), applicare trasformazioni matematiche per ogni pixel e riscrivere il risultato, tutto senza alcuna comunicazione col server.
- ImageData
- Il buffer grezzo dei pixel di un contesto Canvas. Ogni pixel è rappresentato da quattro byte consecutivi (R, G, B, A) in un Uint8ClampedArray, che limita automaticamente i valori tra 0 e 255. Questo strumento legge gli ImageData originali, applica le regolazioni, quindi riscrive il risultato sul canvas.
- Luma (peso della luminanza)
- Una ponderazione percettiva dei canali RGB utilizzata nei calcoli della saturazione: R×0.2126 + G×0.7152 + B×0.0722. L'occhio umano è più sensibile al verde, meno al rosso e meno ancora al blu. L'uso di Luma come base per la scala di grigi garantisce che i cambiamenti di saturazione appaiano naturali.
- Modifica non distruttiva
- Un approccio di modifica in cui i dati dell'immagine originale vengono preservati separatamente. Le regolazioni vengono riapplicate dall'originale ogni volta che cambia un cursore, quindi non vi è alcun degrado della qualità dovuto a modifiche ripetute. Il ripristino ti riporta sempre all'originale non modificato.
- Uint8ClampedArray
- Un array tipizzato utilizzato da ImageData in cui i valori vengono automaticamente limitati all'intervallo 0–255 al momento dell'assegnazione. Questo significa che anche se un calcolo intermedio produce un valore come 310 o -20, il pixel di output sarà sempre rispettivamente 255 o 0, prevenendo valori di colore non validi.
- requestAnimationFrame
- Un'API del browser che pianifica una funzione di callback prima del successivo ridisegno dello schermo. Usato qui come meccanismo di antirimbalzo (debounce): quando i cursori si muovono rapidamente, annulliamo qualsiasi rendering in sospeso e ne pianifichiamo uno nuovo, in modo che l'elaborazione pesante dei pixel venga eseguita solo una volta per frame visivo e l'interfaccia utente rimanga reattiva.
faq,
FAQ
- Q.Quali regolazioni posso effettuare?
- Puoi regolare quattro parametri: Luminosità, Contrasto, Saturazione e Temperatura colore. Ogni cursore va da -100 a +100 e aggiorna l’anteprima in tempo reale.
- Q.Posso annullare le modifiche?
- Sì. Clicca sul pulsante Ripristina per riportare tutti i cursori a 0. I dati dell’immagine originale vengono mantenuti in memoria, quindi puoi ripristinarli in qualsiasi momento senza perdita di qualità.
- Q.La mia immagine viene inviata a un server?
- No, mai. Tutta l’elaborazione viene eseguita localmente utilizzando l’API Canvas direttamente nel tuo browser. I dati della tua immagine non lasciano mai il tuo dispositivo.
- Q.Quali formati di immagine sono supportati?
- JPEG, PNG, WebP, GIF, BMP e qualsiasi altro formato che il tuo browser può renderizzare sono supportati come input.
- Q.L’immagine finale mantiene la sua risoluzione originale?
- Sì. L’immagine salvata finale viene elaborata alla risoluzione originale completa, non alle dimensioni ridotte dell’anteprima.
- Q.Funziona su smartphone?
- Sì. Lo strumento è completamente responsivo e funziona con l’input touch. Puoi trascinare i cursori con il dito su iOS Safari e Android Chrome.
- Q.Può gestire immagini di grandi dimensioni?
- Sì, fino al limite di dimensione dell’API Canvas. L’anteprima utilizza una copia ridotta per prestazioni fluide, mentre il salvataggio utilizza sempre la risoluzione completa.
- Q.Posso convertire una foto in bianco e nero?
- Sì. Imposta il cursore Saturazione a -100 per ottenere un risultato completamente in scala di grigi (bianco e nero).
- Q.Come posso rendere una foto più calda?
- Sposta il cursore Temperatura verso destra (valori positivi). Questo aumenta il rosso e diminuisce il blu, dando un aspetto caldo sui toni dell’arancione.
- Q.Posso regolare più parametri contemporaneamente?
- Sì. Tutti i cursori sono indipendenti e i loro effetti si combinano. Regolane quanti ne vuoi e verranno applicati tutti simultaneamente.
casi d'uso,
Casi d’uso
📸
Correggi foto sottoesposte
Schiarisci gli scatti bui fatti in interni o contro sole
📱
Calibrazione colori per social media
Migliora saturazione e calore prima di pubblicare su Instagram o X
🛍️
Ottimizzazione foto prodotti
Aumenta contrasto e chiarezza delle immagini dei prodotti per gli annunci e-commerce
🎨
Look vintage / pellicola
Riduci la saturazione e aggiungi calore per creare un'estetica da film retrò
Invia feedback
Facci sapere la tua opinione per aiutarci a migliorare lo strumento.
Feedback inviato con successo. Grazie per la collaborazione!
Si è verificato un errore. Riprova più tardi.
Il feedback è temporaneamente sospeso
Il server è occupato o la protezione antispam è attiva. Riprova più tardi.