Provjera razlike slike

Poslali ste podešavanje CSS-a i želite znati što se točno pomaknulo? Uspoređujete dvije snimke zaslona za provjeru vizualne regresije kvalitete? Pitate se što se zapravo promijenilo između dvije izvezene verzije iste fotografije? Pomicanje naprijed-natrag 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 stvarna matematika koja razlikuje piksele, ista obitelj algoritama koju koriste alati kao što je pixelmatch: svaki piksel obiju slika pretvara se iz RGB u YIQ prostor boja (Y = luma, I i Q = NTSC osi boje), a izračunava se euklidska udaljenost između dvije YIQ točke. Ta se udaljenost uspoređuje s pragom koji je postavio klizač osjetljivosti — povećajte osjetljivost kako biste uhvatili suptilne pomake boja, smanjite je kako biste zanemarili šum kompresije i vodili računa samo o očiglednim promjenama.

Naivna usporedba po pikselu osvijetlila bi svaki anti-aliased rub kao "drugačiji" čak i kada se ništa značajno nije promijenilo, jer izglađivanje pomiče nekoliko rubnih piksela za nekoliko nijansi. Ovaj alat pokreće pravu heuristiku uklanjanja alijasa na obje slike: piksel se tretira kao istinska razlika samo ako NE sjedi unutar gradijenta zaglađivanja — konkretno, ako njegovo vlastito susjedstvo 3x3 na bilo kojoj izvornoj slici već ne sadrži i svjetliji i tamniji piksel od njega samog, što je otisak prsta AA-izglađenog ruba, a ne stvarnog sadržaja.

Učitajte sliku A i sliku B, prilagodite osjetljivost ako je potrebno i pritisnite Izvrši. Dobivate točan postotak piksela koji se razlikuju plus diff sliku sa svakom stvarnom promjenom istaknutom svijetlom magentom preko zatamnjene verzije originala — preuzmite je i priložite izravno u svoje izvješće o pogrešci ili QA bilješke. Obje slike moraju imati iste dimenzije; ako ne, alat vam to jasno kaže umjesto tihog izrezivanja ili rastezanja jednog od njih. Ništa ne napušta vaš preglednik ni u jednom trenutku.