Utilia

Confronto tra immagini

Confronta due immagini affiancate, con cursore prima/dopo, in sovrapposizione o con mappa delle differenze pixel per pixel. Nel browser, senza upload.

Vista
Zoom 100 %

Come confrontare due immagini

  1. Trascina la prima immagine su Immagine A (prima) e la seconda su Immagine B (dopo), oppure clicca su ciascuna area per scegliere un file. Sono accettati JPG, PNG, WebP, GIF, BMP, SVG e qualsiasi altro formato che il tuo browser sa aprire.
  2. Scegli una Vista: Affiancate, Cursore, Sovrapposizione o Differenza.
  3. Se le due immagini non hanno le stesse dimensioni, scegli cosa fare in Se le dimensioni sono diverse: Adatta B alle dimensioni di A, Dimensioni originali, allineate in alto a sinistra o Dimensioni originali, centrate.
  4. Regola lo zoom con la rotellina del mouse, un pizzico con due dita, i pulsanti + e − o i tasti + e −, e trascina per spostarti. Tutti i pannelli seguono lo stesso zoom e la stessa posizione, così guardi sempre lo stesso punto in entrambe le immagini. Adatta alla vista mostra di nuovo l’immagine intera.
  5. Nella vista Differenza imposta la Tolleranza e la Misura della differenza, poi leggi i risultati sotto l’immagine. Scarica la differenza (PNG) salva la mappa evidenziata.

Scambia A e B inverte le due immagini; Cancella ti fa ricominciare da capo.

Le quattro viste

  • Affiancate mostra A a sinistra e B a destra, con zoom e spostamento sincronizzati. È il modo più semplice per valutare l’aspetto generale, i colori e la nitidezza.
  • Cursore sovrappone le due immagini e mostra B a destra di una linea divisoria verticale. Trascina la linea sull’immagine, clicca dove vuoi posizionarla oppure usa il controllo Posizione del cursore (funziona anche con i tasti freccia). È la classica vista prima/dopo per ritocchi, restauri, upscaling o test di compressione.
  • Sovrapposizione posa B sopra A con un’Opacità di B regolabile. Passando da 0 % a 100 % saltano all’occhio disallineamenti, elementi spostati e testi che si sono mossi.
  • Differenza colora in rosso acceso ogni pixel modificato sopra una copia grigia e sbiadita dell’immagine A. Le zone identiche si confondono con lo sfondo, quindi anche la modifica di un solo pixel è facile da individuare ingrandendo. Con uno zoom sufficiente, i pixel vengono mostrati come quadrati netti invece che sfumati.

Come viene misurata la differenza

Ogni pixel di A viene confrontato con il pixel nella stessa posizione in B. I colori vengono prima moltiplicati per la loro opacità, quindi due pixel completamente trasparenti contano come uguali anche se il loro colore nascosto è diverso.

  • Differenza massima per canale prende lo scarto più grande tra rosso, verde, blu e alfa, su una scala da 0 a 255. Un valore di 12 significa che almeno un canale è cambiato di 12 livelli.
  • Distanza di colore (RGB + alfa) è la distanza in linea retta (euclidea) tra i due colori, divisa per 2 in modo che vada anch’essa da 0 a 255. Reagisce di più ai cambiamenti distribuiti su più canali.

Un pixel conta come modificato quando la sua differenza supera la Tolleranza. A 0 viene segnalato qualsiasi cambiamento, ideale per verificare che due esportazioni siano davvero identiche. Una tolleranza da 5 a 15 ignora il leggero rumore aggiunto dalla compressione JPEG o WebP e mantiene le modifiche reali.

I risultati mostrano le dimensioni di entrambe le immagini, l’Area confrontata, la Percentuale modificata, il numero di Pixel modificati, la Differenza massima trovata e la Zona modificata: il rettangolo più piccolo che contiene tutti i pixel modificati, con il suo angolo in alto a sinistra.

Immagini di dimensioni diverse

Con Adatta B alle dimensioni di A, B viene stirata esattamente alla larghezza e all’altezza di A, il che è adatto a una copia ridimensionata o ricompressa della stessa immagine. Con le due opzioni Dimensioni originali, entrambe le immagini mantengono i propri pixel in un’area abbastanza grande per contenerle; le parti coperte da una sola immagine contano come modificate. Le immagini più grandi di 4096 pixel sul lato più lungo vengono confrontate a dimensione ridotta, e un messaggio te lo segnala.

Entrambi i file vengono letti e confrontati nel tuo browser; non vengono mai caricati online.

Domande frequenti

Come verifico se due immagini sono esattamente identiche?

Scegli Differenza, imposta la Tolleranza a 0 e usa Adatta B alle dimensioni di A solo se le dimensioni coincidono già. Se il messaggio dice che le immagini sono identiche, ogni pixel corrisponde.

Perché una copia JPEG mostra migliaia di pixel modificati?

La compressione JPEG e WebP altera leggermente i colori ovunque. Alza la Tolleranza a circa 10 per nascondere questo rumore e tenere solo le modifiche visibili.

Posso confrontare gli screenshot di un sito prima e dopo una modifica?

Sì. È un comune controllo di regressione visiva: carica i due screenshot, usa Differenza per trovare le zone cambiate, poi Cursore o Sovrapposizione per vedere cosa si è spostato.

Cosa mi dice la Zona modificata?

È il rettangolo che racchiude tutti i pixel modificati, indicato con le sue dimensioni e la posizione dell’angolo in alto a sinistra: ti aiuta a individuare una piccola modifica in un’immagine grande.

Le mie immagini vengono inviate da qualche parte?

No. Tutto avviene localmente nel tuo browser e nulla viene caricato o memorizzato.