Vaizdų skirtumų tikrintuvas

Atlikote CSS pataisymą ir norite tiksliai žinoti, kas pajudėjo? Lyginate du ekrano vaizdus vizualinės regresijos QA patikrai? Norite sužinoti, kas iš tiesų pasikeitė tarp dviejų eksportuotų tos pačios nuotraukos versijų? Vartyti pirmyn atgal du vaizdus ir spoksoti ieškant skirtumų yra lėta ir nepatikima – šis įrankis uždeda abu vaizdus vieną ant kito ir parodo kiekvieną pasikeitusį pikselį viename paveikslėlyje.

Palyginimas pagrįstas realia pikselių skirtumų matematika – tuo pačiu algoritmų tipu, kurį naudoja tokie įrankiai kaip pixelmatch: kiekvienas abiejų vaizdų pikselis konvertuojamas iš RGB į YIQ spalvų erdvę (Y – skaistis, I ir Q – NTSC spalvinės ašys) ir apskaičiuojamas Euklido atstumas tarp dviejų YIQ taškų. Šis atstumas lyginamas su jautrumo slankikliu nustatyta riba – padidinkite jautrumą, kad pastebėtumėte subtilius spalvų poslinkius, sumažinkite, kad nekreiptumėte dėmesio į glaudinimo triukšmą ir matytumėte tik akivaizdžius pokyčius.

Naivus pikselių palyginimas kiekvieną anti-aliased kraštą rodytų kaip „skirtingą“, net jei nieko reikšmingo nepasikeitė, nes glodinant kraštus keletas pakraščio pikselių pakeičia atspalvį vos keliais lygiais. Šis įrankis naudoja tikrą anti-aliasing euristiką abiem vaizdams: pikselis laikomas tikru skirtumu tik jei jis NĖRA glodinimo gradiento dalis – konkrečiai, jei jo 3×3 aplinkoje nė viename iš šaltinio vaizdų nėra ir už jį šviesesnio, ir už jį tamsesnio pikselio, o tai yra anti-aliased krašto, o ne tikro turinio požymis.

Įkelkite A vaizdą ir B vaizdą, prireikus sureguliuokite jautrumą ir paspauskite Vykdyti. Gausite tikslų procentą besiskiriančių pikselių ir skirtumų paveikslėlį, kuriame visi tikri pokyčiai pažymėti ryškia purpurine spalva ant pritemdytos originalo versijos – atsisiųskite jį ir pridėkite tiesiai prie klaidos ataskaitos ar QA pastabų. Abu vaizdai turi būti tų pačių matmenų; jei ne, įrankis iš karto praneša, užuot tyliai apkarpęs ar ištempęs vieną iš jų. Jokie duomenys niekada nepalieka jūsų naršyklės.