Preverjevalnik razlik v slikah
Naložite dve sliki in si oglejte do pikslov natančno vizualno razliko med njima, z zaznavno primerjavo YIQ in označevanjem, ki upošteva anti-aliasing — 100 % lokalno v vašem brskalniku.
Rezultat
Poslali ste prilagoditev CSS in želite natančno vedeti, kaj se je premaknilo? Primerjava dveh posnetkov zaslona za preverjanje vizualne regresije QA? Se sprašujete, kaj se je dejansko spremenilo med dvema izvoženima različicama iste fotografije? Pomikanje naprej in nazaj med dvema slikama in mežikanje za razlikami je počasno in nezanesljivo – to orodje prekriva obe in vam prikaže vsako spremenjeno slikovno piko na eni sliki.
Primerjava je prava matematika za razlikovanje slikovnih pik, ista družina algoritmov, ki jo uporabljajo orodja, kot je pixelmatch: vsaka slikovna pika obeh slik se pretvori iz RGB v barvni prostor YIQ (Y = svetilnost, I in Q = osi barvnosti NTSC) in izračuna se evklidska razdalja med dvema točkama YIQ. Ta razdalja se primerja s pragom, ki ga nastavi drsnik za občutljivost – povečajte občutljivost, da ujamete subtilne barvne premike, znižajte jo, da prezrete kompresijski šum in skrbite samo za očitne spremembe.
Naivna primerjava na slikovno piko bi osvetlila vsak zglajeni rob kot "drugačen", tudi če se nič bistvenega ni spremenilo, ker glajenje premakne peščico obrobnih slikovnih pik za nekaj odtenkov. To orodje na obeh slikah izvaja resnično hevristiko za izravnavo: slikovna pika se obravnava kot resnična razlika le, če NE sedi znotraj gladilnega gradienta – konkretno, če njena soseska 3x3 na kateri koli izvorni sliki že ne vsebuje tako svetlejše kot temnejše slikovne pike od nje same, kar je prstni odtis roba, zglajenega z AA, in ne dejanske vsebine.
Naložite sliko A in sliko B, po potrebi prilagodite občutljivost in pritisnite Izvedi. Dobite natančen odstotek slikovnih pik, ki se razlikujejo, in razlikovalno sliko, pri čemer je vsaka dejanska sprememba poudarjena s svetlo škrlatno nad zatemnjeno različico izvirnika – prenesite jo in pripnite naravnost k svojemu poročilu o napakah ali opombam QA. Obe sliki morata imeti enake dimenzije; če se ne, vam orodje jasno pove, namesto da bi tiho obrezalo ali raztegnilo enega od njih. Nič ne zapusti vašega brskalnika na nobeni točki.
Vaše datoteke in vnosi nikoli ne zapustijo te naprave. Obdelava poteka popolnoma brez povezave. 100 % varno.
Sprejeti formati in pravila
- Primerjava YIQ delta na slikovno piko (Y/I/Q pretvorjeno iz RGB prek standardne formule NTSC) proti pragu, ki ga nadzoruje drsnik.
- Diff image poudari vsako označeno slikovno piko v škrlatni nad zatemnjeno kopijo prve slike v sivinah in natančen statistični podatek »X % slikovnih pik se razlikuje«.
- Počisti napako, če imata sliki različne dimenzije, namesto da bi eno od njiju tiho obrezali ali raztegnili.
Ključne prednosti
Primeri uporabe
- • Ali je ta uvedba CSS ali postavitve pomotoma nekaj premaknila – kaj točno se je premaknilo med posnetkom zaslona pred in po?
- • Kako izvedem hitro preverjanje vizualne regresije na posnetku zaslona uporabniškega vmesnika, ne da bi namestil Percy ali plačljivo orodje za zagotavljanje kakovosti?
- • Je ta fotografija res neobdelana ali pa je nekdo retuširal določeno področje – ali lahko to dokažem slikovno piko?
Ocenite to orodje
