Kontrola rozdielov medzi obrázkami

Poslali ste úpravu CSS a chcete presne vedieť, čo sa zmenilo? Porovnávate dve snímky obrazovky pre vizuálnu regresnú kontrolu QA? Zaujíma vás, čo sa vlastne zmenilo medzi dvoma exportovanými verziami tej istej fotografie? Posúvanie tam a späť medzi dvoma obrázkami a žmúrenie po rozdieloch je pomalé a nespoľahlivé – tento nástroj prekrýva oba obrázky a zobrazuje každý zmenený pixel na jednom obrázku.

Porovnanie je skutočná matematika na rozlíšenie pixelov, rovnaká rodina algoritmov, ktorú používajú nástroje ako pixelmatch: každý pixel oboch obrázkov sa prevedie z RGB do farebného priestoru YIQ (Y = luma, I a Q = osi chrominancie NTSC) a vypočíta sa euklidovská vzdialenosť medzi dvoma bodmi YIQ. Táto vzdialenosť sa porovnáva s prahovou hodnotou nastavenou posúvačom citlivosti – zvýšte citlivosť, aby ste zachytili jemné farebné posuny, znížte ju, aby ste ignorovali šum kompresie a starajte sa len o zjavné zmeny.

Naivné porovnanie na jednotlivé pixely by rozsvietilo každú vyhladenú hranu ako „inú“, aj keď sa nič zmysluplné nezmenilo, pretože vyhladenie posunie niekoľko pixelov okraja o niekoľko odtieňov. Tento nástroj spúšťa skutočnú heuristiku antialiasingu na oboch obrázkoch: pixel sa považuje za skutočný rozdiel iba vtedy, ak NESEDE vo vnútri vyhladzovacieho gradientu – konkrétne, ak jeho vlastné susedstvo 3x3 v žiadnom zdrojovom obrázku už neobsahuje svetlejší aj tmavší pixel ako on sám, čo je skôr odtlačok AA-vyhladeného okraja než skutočný obsah.

Nahrajte obrázok A a obrázok B, v prípade potreby upravte citlivosť a stlačte Execute. Získate presné percento pixelov, ktoré sa líšia, plus obrázok rozdielu s každou skutočnou zmenou zvýraznenou svetlou purpurovou farbou oproti stmavenej verzii originálu – stiahnite si ju a pripojte ju priamo k svojej správe o chybe alebo k poznámkam o kontrole kvality. Oba obrázky musia mať rovnaké rozmery; ak nie, nástroj vám to jasne povie namiesto tichého orezania alebo natiahnutia jedného z nich. V žiadnom okamihu nič neopustí váš prehliadač.