Confronta Immagini Online
Strumento confronto immagini gratuito — fianco a fianco, slider prima/dopo, diff pixel e overlay. 100% nel browser, senza upload né registrazione.
Aggiornato maggio 2026
Revisionato da Rafael Duarte
Come confrontare due immagini online
Quattro modalità di confronto, nessun caricamento su server
1. Carica le due immagini
L'immagine A è il "prima" o l'originale, la B il "dopo" o la versione modificata. Trascinale nei due riquadri o sceglile dal disco, fino a 50 MB ciascuna.
2. Scegli la modalità
Slider prima/dopo, Fianco a fianco, Diff pixel per pixel oppure Sovrapposizione con opacità regolabile.
3. Analizza ed esporta
Nel Diff regola sensibilità e colore di evidenziazione e leggi la percentuale di somiglianza; poi scarica la mappa delle differenze in PNG.
Cosa fa questo strumento per confrontare immagini
Dal colpo d'occhio all'analisi pixel per pixel
Diff percettivo con pixelmatch
Le differenze di colore vengono misurate nello spazio YIQ, più vicino alla percezione dell'occhio, e i pixel di anti-aliasing vengono ignorati.
Pannello di analisi
Percentuale di somiglianza, numero di pixel diversi, pixel totali e dimensioni usate per il confronto.
Sensibilità regolabile
Una soglia da 0 a 1 (predefinita 0,10) decide se contare anche il rumore di compressione o solo le modifiche reali.
Lente di ingrandimento
Attivala per vedere la zona sotto il cursore ingrandita 2,5 volte; nello slider e nel fianco a fianco mostra A e B divise a metà.
Zoom e vista espansa
Ingrandisci o riduci a passi del 25% e apri la vista espansa a schermo intero, dove lo zoom va dal 50% al 400%.
Tutto nel browser
Le immagini vengono lette ed elaborate in locale con la Canvas API: nessun file lascia il tuo computer.
Quale modalità usare
Quando ti serve confrontare due immagini
Sviluppo, grafica e verifica dei contenuti
Regressione visiva dopo un rilascio
Confronta lo screenshot di una pagina prima e dopo una modifica al CSS: il Diff evidenzia anche il pulsante spostato di due pixel.
Controllo di un fotoritocco
Con lo slider scopri cosa è cambiato tra lo scatto originale e l'esportazione finale, zona per zona.
Revisione di iterazioni di design
Carica due esportazioni da Figma e vedi subito quali elementi sono stati spostati, ricolorati o rimossi.
Qualità della compressione
Confronta il PNG originale con la versione JPEG o WebP per vedere dove la compressione ha degradato l'immagine.
Individuare modifiche sospette
Metti a confronto una foto ricevuta con l'originale per trovare zone ritoccate, clonate o rimosse.
Immagini grandi con scorrimento sincronizzato
Nel fianco a fianco, con lo zoom alto, le due immagini scorrono insieme: utile per schermate intere di un'app o mockup ad alta risoluzione.
Errori comuni nel confronto di immagini
Confrontare immagini con dimensioni diverse nel Diff
Diff e Sovrapposizione portano entrambe le immagini alla larghezza e all'altezza maggiori: se le proporzioni non coincidono, una delle due viene deformata e il Diff segnala differenze ovunque. In quel caso usa il fianco a fianco.
Leggere 98% come "quasi identiche"
Su un'immagine da 1000×1000 il 98% di somiglianza significa ancora 20.000 pixel diversi: guarda sempre anche la mappa delle differenze.
Soglia troppo bassa con i JPEG
Vicino a 0 il Diff conta anche gli artefatti di compressione. Il valore predefinito 0,10 li filtra mantenendo le modifiche reali.
Cercare le differenze sull'immagine intera
La mappa mostra di default l'immagine in trasparenza con i pixel diversi colorati. Attiva l'opzione che mostra solo le differenze per vedere solo le differenze su fondo pulito.
Perché usare questo strumento
Slider, fianco a fianco, diff pixel per pixel e sovrapposizione stanno nella stessa pagina, quindi passi dal confronto a colpo d'occhio all'analisi tecnica senza ricaricare le immagini. Il diff usa una distanza di colore percettiva, non un confronto byte per byte che segnalerebbe anche il rumore irrilevante.
Le immagini non vengono mai caricate su un server: tutto avviene nel browser, anche con file fino a 50 MB. Puoi quindi confrontare screenshot interni, bozze riservate o foto personali senza consegnarle a terzi.
Domande frequenti
No. I file vengono letti con la File API e tutte le modalità, compresa l'analisi delle differenze, girano nel browser con la Canvas API. Chiudendo la pagina non resta nessuna copia.
Riferimenti
La libreria open source (documentazione in inglese) che calcola la modalità Diff.
Il riferimento (in inglese) dell'API usata per leggere ed elaborare i pixel nel browser.
Spiegazione in italiano dello spazio colore YIQ su cui si basa la distanza percettiva del Diff.
Strumenti correlati
- Verificatore Contrasto Colori Design Verificatore contrasto colori gratuito — verifica subito la conformità WCAG 2.2 AA e AAA. Anteprima live, simulazione daltonismo e suggerimenti colori...
- Convertitore di Colori Design Converti colori tra HEX, RGB, HSL e CMYK all'istante. Selettore di colori gratuito con controllo contrasto WCAG e generatore di palette.
- Generatore di Palette Colori Design Genera palette colori armoniose da qualsiasi colore base. Scegli armonia Analoga, Complementare, Triadica o Tetradica — esporta come CSS variables o JSON.
- Palette Colori da Immagine Design Estrai palette colori da qualsiasi immagine — ottieni codici HEX, RGB, HSL ed esporta come CSS variables, Tailwind, JSON o PNG. 100% nel browser, senza upload.
- Generatore CSS Box Shadow — Neumorfismo, Glassmorfismo e Tailwind Design Generatore CSS box shadow gratuito con anteprima in tempo reale. Crea ombre, effetti neumorfismo e glassmorfismo. Esporta in CSS, Tailwind o variabili CSS.
