Attēlu atšķirību pārbaudītājs

Veici CSS uzlabojumu un vēlies uzzināt, kas tieši nobīdījās? Salīdzini divus ekrānuzņēmumus QA vizuālai regresiju pārbaudei? Vai domā, kas īsti mainījās starp divām eksportētām viena fotoattēla versijām? Ritināt šurpu turpu starp diviem attēliem un šķielēt, meklējot atšķirības, ir lēni un neuzticami — šis rīks pārklāj abus un parāda katru izmainīto pikseli vienā attēlā.

Salīdzināšanā tiek izmantota reāla pikseļu salīdzināšanas matemātika, tā pati algoritmu saime, ko izmanto tādi rīki kā pixelmatch: katrs abu attēlu pikselis tiek pārveidots no RGB uz YIQ krāsu telpu (Y = spilgtums, I un Q = NTSC krāsainības asis), un tiek aprēķināts Eiklīda attālums starp abiem YIQ punktiem. Šis attālums tiek salīdzināts ar slieksni, kuru nosaka jutības slīdnis — palielini jutību, lai uztvertu smalkas krāsu nobīdes, samazini to, lai ignorētu kompresijas troksni un pievērstos tikai acīmredzamām izmaiņām.

Naivs pikseļu pa pikseļiem salīdzinājums apzīmētu katru anti-aliasing skarto malu kā “atšķirīgu” pat tad, ja nekas būtiski nav mainījies, jo izlīdzināšana dažus malas pikseļus nobīda par dažiem toņiem. Šis rīks veic reālu anti-aliasing heiristiku abiem attēliem: pikselis tiek uzskatīts par patiesu atšķirību tikai tad, ja tas NEATRODAS izlīdzināšanas gradientā — konkrēti, ja tā 3×3 apkārtne kādā no sākotnējiem attēliem jau nesatur gan gaišāku, gan tumšāku pikseli par pašu pikseli, kas ir anti-aliasing izlīdzinātas malas, nevis reāla satura pazīme.

Augšupielādē attēlu A un attēlu B, noregulē jutību (ja nepieciešams) un nospied Izpildīt. Tu iegūsi precīzu atšķirīgo pikseļu procentu, kā arī atšķirību attēlu, kurā katra patiesā izmaiņa ir izcelta spilgti fuksīna krāsā uz oriģināla blāvas versijas — lejupielādē to un pievieno tieši savam kļūdas ziņojumam vai QA piezīmēm. Abiem attēliem jābūt vienādām dimensijām; ja tās atšķiras, rīks par to skaidri paziņo, nevis klusējot apgriež vai izstiepj vienu no tiem. Nekas nekad nepamet tavu pārlūkprogrammu.