Confronto Immagini

Cursore: trascina un divisore interattivo per rivelare una o l'altra immagine — la classica vista prima/dopo. Affiancate: entrambe le immagini mostrate a piena larghezza una accanto all'altra. Sovrapposizione: un'immagine sopra l'altra con opacità regolabile (utile per verificare l'allineamento). Differenza: evidenzia le modifiche esatte a livello di pixel in rosso; le aree identiche appaiono attenuate.

No. Dimensioni diverse vengono automaticamente ridimensionate per adattarsi alla vista di confronto. Tuttavia, per un confronto di differenza pixel significativo, immagini delle stesse dimensioni producono i risultati più utili — altrimenti il diff mostra artefatti di ridimensionamento.

La modalità differenza calcola la differenza RGB assoluta per canale tra i pixel corrispondenti. I pixel modificati appaiono in rosso brillante; le aree invariate sono attenuate. Utile per rilevare modifiche sottili negli aggiornamenti del design, artefatti di compressione, o verificare che una trasformazione sia senza perdita.

Carica due immagini, seleziona la modalità Cursore, poi trascina il divisore verticale da sinistra a destra. Il lato sinistro mostra l'Immagine A, il destro l'Immagine B. Funziona con mouse e touch, quindi è utilizzabile su tablet e smartphone.

La modalità sovrapposizione posiziona entrambe le immagini una sopra l'altra con un'opacità configurabile. Utile per verificare l'allineamento tra un mockup di design e uno screenshot, verificare la registrazione di due versioni della stessa foto, o controllare se un logo è nella posizione corretta su due layout.

Sì. I controlli zoom permettono di ingrandire per vedere le differenze dei singoli pixel. Usa l'opzione 'Adatta' per tornare alla dimensione del viewport o '100%' per visualizzare la dimensione reale dei pixel.

No. Tutta l'elaborazione del confronto viene eseguita localmente nel tuo browser tramite HTML5 Canvas. Le immagini vengono caricate in memoria dal tuo dispositivo e non vengono mai trasmesse ad alcun server.