Confronto immagini
Carica due immagini e ottieni un diff visivo preciso al pixel, con confronto percettivo YIQ ed evidenziazione consapevole dell'antialiasing — tutto in locale nel tuo browser.
🔒 Elaborato interamente nel tuo browser: nulla di ciò che inserisci qui verrà mai caricato.
Risultato
Hai deployato una modifica CSS e vuoi sapere esattamente cosa si è spostato? Stai confrontando due screenshot per un controllo di regressione visiva QA? Vuoi capire cosa è effettivamente cambiato tra due versioni esportate della stessa foto? Scorrere avanti e indietro tra due immagini strizzando gli occhi in cerca di differenze è lento e inaffidabile: questo strumento le sovrappone e ti mostra ogni pixel cambiato in un'unica immagine.
Il confronto si basa su veri calcoli di pixel diff, la stessa famiglia di algoritmi usata da strumenti come pixelmatch: ogni pixel di entrambe le immagini viene convertito da RGB nello spazio colore YIQ (Y = luma, I e Q = gli assi di crominanza NTSC) e si calcola la distanza euclidea tra i due punti YIQ. Questa distanza viene confrontata con una soglia impostata dal cursore di sensibilità — aumentala per cogliere sottili variazioni cromatiche, abbassala per ignorare il rumore di compressione e concentrarti solo sui cambiamenti evidenti.
Un confronto pixel per pixel ingenuo segnalerebbe ogni bordo con antialiasing come "diverso" anche quando non è cambiato nulla di significativo, perché lo smussamento sposta una manciata di pixel di confine di poche sfumature. Questo strumento applica un'autentica euristica di antialiasing su entrambe le immagini: un pixel è considerato una differenza reale solo se NON si trova all'interno di una sfumatura di smussamento — in concreto, se il suo vicinato 3×3 in una delle immagini sorgente non contiene già un pixel più chiaro e uno più scuro di lui, che è l'impronta di un bordo smussato con AA e non di un contenuto effettivo.
Carica l'Immagine A e l'Immagine B, regola la sensibilità se serve e premi Esegui. Ottieni una percentuale esatta di pixel differenti e un'immagine diff con ogni cambiamento reale evidenziato in magenta brillante su una versione attenuata dell'originale: scaricala e allegala direttamente al tuo bug report o alle note QA. Entrambe le immagini devono avere le stesse dimensioni; in caso contrario, lo strumento te lo comunica chiaramente invece di ritagliarne o stirarne una in silenzio. Nulla lascia il tuo browser in nessun momento.