Alat za usporedbu slika

Poslali ste CSS prilagodbu i želite točno znati što se pomaknulo? Uspoređujete dvije snimke zaslona za QA vizualnu regresijsku provjeru? Pitate se što se zapravo promijenilo između dvije izvezene verzije iste fotografije? Pomicanje naprijed-nazad između dvije slike i škiljenje u potrazi za razlikama sporo je i nepouzdano – ovaj alat preklapa dvije slike i prikazuje vam svaki promijenjeni piksel na jednoj slici.

Usporedba je prava matematika usporedbe piksela, ista obitelj algoritama koju koriste alati poput pixelmatcha: svaki piksel obiju slika pretvara se iz RGB-a u YIQ prostor boja (Y = osvijetljenost, I i Q = NTSC osi krominancije), a euklidska udaljenost između dviju YIQ točaka se izračunava. Ta se udaljenost uspoređuje s pragom postavljenim klizačem osjetljivosti – povećajte osjetljivost da uhvatite suptilne promjene boja, smanjite je da zanemarite kompresijski šum i brinete samo o očitim promjenama.

Naivna usporedba po pikselu osvijetlila bi svaki anti-aliasirani rub kao „različit“ čak i kad se ništa značajno nije promijenilo, jer zaglađivanje pomiče šačicu graničnih piksela za nekoliko nijansi. Ovaj alat pokreće stvarnu heuristiku anti-aliasinga na obje slike: piksel se tretira kao stvarna razlika samo ako se NE nalazi unutar gradijenta zaglađivanja – konkretno, ako njegovo susjedstvo 3×3 u bilo kojoj od izvornih slika već ne sadrži i svjetliji i tamniji piksel od njega samog, što je otisak AA-zaglađenog ruba, a ne stvarnog sadržaja.

Učitajte Sliku A i Sliku B, po potrebi prilagodite osjetljivost i pritisnite Izvrši. Dobivate točan postotak piksela koji se razlikuju plus sliku razlike sa svakom stvarnom promjenom istaknutom jarkom magenta bojom preko zatamnjene verzije originala – preuzmite je i priložite izravno svom izvještaju o grešci ili QA bilješkama. Obje slike moraju dijeliti iste dimenzije; ako nisu, alat vam jasno kaže umjesto da tiho obrezuje ili rasteže jednu od njih. Ništa ni u jednom trenutku ne napušta vaš preglednik.