Confronta immagini
Confronta gratis due immagini con il cursore prima e dopo, affiancate, in dissolvenza o con le differenze segnate in rosso. Tutto avviene nel browser, senza caricare file e senza registrazione.
Trascina o incolla due immagini insieme per riempire entrambi i lati.
Le immagini restano sul tuo dispositivo.
Come confrontare due immagini
- Seleziona «Scegli l'immagine» sotto «Prima» e «Dopo». Per riempire entrambi i lati in una volta, trascina o incolla due immagini insieme. Funzionano file PNG, JPG, WebP e HEIC.
- Scegli una vista: «Cursore», «Affiancate», «Dissolvenza» o «Differenze». Con il cursore trascina la linea sull'immagine oppure spostala con i tasti freccia.
- Se le immagini hanno dimensioni diverse, scegli «Stessa larghezza» o «Dimensioni reali». In «Dissolvenza» regola l'opacità dell'immagine dopo; in «Differenze» imposta la tolleranza, così le piccole variazioni di colore non contano.
- Seleziona «Scarica PNG» per salvare la vista corrente come un'unica immagine. «Inverti» scambia i due lati e «Ricomincia» rimuove entrambe le immagini.
Quale vista mostra meglio le modifiche?
Il cursore è il modo classico di mostrare uno screenshot prima e dopo: a sinistra della linea c'è l'immagine prima, a destra quella dopo. Spostando la linea avanti e indietro si notano subito elementi spostati, ritagli e cambi di colore. In «Dissolvenza» l'immagine dopo si sovrappone a quella prima, così tutto ciò che si è spostato appare due volte.
«Differenze» fa il controllo al posto tuo. Esamina ogni pixel, segna in rosso quelli cambiati su una copia grigio chiaro dell'immagine e indica quanti pixel sono cambiati e l'area più piccola che li contiene tutti. Il confronto tra screenshot pixel per pixel trova anche un'icona spostata di poco o una sola parola cambiata, dettagli che a occhio sfuggono facilmente.
Due file JPG raramente coincidono del tutto, anche quando mostrano la stessa cosa, perché la compressione lossy altera leggermente i colori a ogni salvataggio. La tolleranza predefinita del 10% ignora questo rumore. Impostala a 0% per contare ogni pixel diverso, oppure alzala fino al 50% per tenere solo le modifiche evidenti.
I team di sviluppo eseguono lo stesso controllo in automatico con i test di regressione visiva, confrontando i nuovi screenshot con quelli approvati prima di ogni rilascio. Per un controllo occasionale bastano due screenshot e questa pagina. Se due catture non si allineano, lo strumento per controllare la risoluzione degli screenshot mostra le dimensioni in pixel e la scala Retina di ogni file.
Domande frequenti
Questo strumento per confrontare immagini è gratuito?
Sì. Non serve registrarsi, non c'è filigrana e puoi confrontare tutte le coppie di immagini che vuoi.
Le mie immagini vengono caricate?
No. Il browser apre le due immagini e le confronta sul tuo dispositivo. Nulla viene inviato a un server e, quando chiudi la scheda, le immagini spariscono.
Posso confrontare immagini di dimensioni diverse?
Sì. «Stessa larghezza» porta l'immagine dopo alla larghezza dell'immagine prima, così uno screenshot Retina si allinea a uno normale. «Dimensioni reali» lascia entrambe le immagini alle loro dimensioni in pixel, allineate all'angolo in alto a sinistra. In «Differenze» le aree coperte da una sola immagine contano come modificate.
Come decide la vista «Differenze» cosa è cambiato?
Confronta i valori di rosso, verde e blu di ogni coppia di pixel. Se uno di questi differisce più della tolleranza, il pixel viene segnato in rosso. Le aree trasparenti vengono confrontate su sfondo bianco. Le immagini molto grandi vengono confrontate a dimensioni ridotte, e lo strumento te lo segnala.
Quali formati di immagine sono supportati?
PNG, JPG, WebP e HEIC, oltre alla maggior parte degli altri formati di immagine che il browser riesce ad aprire. Ogni immagine può pesare fino a 50 MB. I file SVG non sono supportati perché non hanno una griglia di pixel fissa.
Cosa salva «Scarica PNG»?
La vista che hai sullo schermo. «Cursore» salva le due immagini divise nel punto della linea, «Affiancate» le salva una accanto all'altra, «Dissolvenza» salva la sovrapposizione con l'opacità attuale e «Differenze» salva la mappa delle modifiche in rosso e grigio. Se a dimensioni piene il PNG è troppo grande per il browser, viene ridotto e lo strumento te lo segnala.
Ti servono screenshot prima e dopo di pagine web?
Website Capture di Shotomatic acquisisce sul tuo Mac un elenco di URL con il viewport che scegli. Le impostazioni restano salvate, così dopo una modifica puoi acquisire di nuovo gli stessi URL e confrontare qui i risultati.