Image Diff Checker

Lähetitkö CSS-säädön ja haluat tietää tarkalleen, mikä muutti? Vertailetko kahta kuvakaappausta laadunvarmistuksen visuaalisen regression tarkistukseen? Mietitkö, mikä todellisuudessa muuttui saman valokuvan kahden viedyn version välillä? Kahden kuvan selaaminen edestakaisin ja erojen silmästeleminen on hidasta ja epäluotettavaa – tämä työkalu peittää nämä kaksi ja näyttää jokaisen muuttuneen pikselin yhdessä kuvassa.

Vertailu on todellista pikselien erottelevaa matematiikkaa, samaa algoritmiperhettä, jota käyttävät työkalut, kuten pixelmatch: molempien kuvien jokainen pikseli muunnetaan RGB:stä YIQ-väriavaruuteen (Y = luma, I ja Q = NTSC:n krominanssiakselit) ja lasketaan euklidinen etäisyys kahden YIQ-pisteen välillä. Tätä etäisyyttä verrataan herkkyysliukusäätimellä asetettuun kynnykseen – nosta herkkyyttä havaitaksesi hienovaraisia ​​värisiirtymiä, alenna herkkyyttä ohittaaksesi pakkauskohinan ja välitä vain ilmeisistä muutoksista.

Naiivi pikselikohtainen vertailu valaisi jokaisen antialiasoidun reunan "erilaiseksi", vaikka mikään merkityksellinen ei muuttuisi, koska tasoitus siirtää kourallisen reunapikseleitä muutaman sävyn verran. Tämä työkalu suorittaa todellisen anti-aliasing-heuristiikan molemmissa kuvissa: pikseliä käsitellään todellisena erona vain, jos se EI ole tasoitusgradientin sisällä – konkreettisesti, jos sen oma 3x3-alue kummassakaan lähdekuvassa ei jo sisällä sekä vaaleampaa että tummempaa pikseliä kuin se itse, mikä on AA-tasoitetun reunan sormenjälki todellisen sisällön sijaan.

Lataa kuva A ja kuva B, säädä tarvittaessa herkkyyttä ja paina Suorita. Saat tarkan prosenttiosuuden pikseleistä, jotka eroavat toisistaan, sekä erotuskuvan, jossa jokainen todellinen muutos on korostettu kirkkaalla magentalla alkuperäisen himmennetyn version yläpuolella – lataa se ja liitä se suoraan virheraporttiisi tai laadunvarmistusmuistiinpanoihin. Molemmilla kuvilla on oltava samat mitat. Jos he eivät tee, työkalu kertoo sinulle selkeästi sen sijaan, että se leikkaa tai venyttäisi yhtä niistä äänettömästi. Mikään ei poistu selaimeltasi missään vaiheessa.