Kuvien erottelija

Teit CSS-säädön ja haluat tietää, mikä tarkalleen liikahti? Vertaat kahta kuvakaappausta QA-visuaaliregressiotestiä varten? Mietit, mikä oikeasti muuttui saman valokuvan kahden eri vientiversion välillä? Kahden kuvan välillä edestakaisin vierittäminen ja erojen siristely on hidasta ja epäluotettavaa – tämä työkalu asettaa kuvat päällekkäin ja näyttää jokaisen muuttuneen pikselin yhdessä kuvassa.

Vertailu on aitoa pikselien erottelumatematiikkaa, samaa algoritmiperhettä kuin pixelmatchin kaltaisissa työkaluissa: kummankin kuvan jokainen pikseli muunnetaan RGB:stä YIQ-väriavaruuteen (Y = lumina, I ja Q = NTSC:n krominanssiakselit), ja näiden kahden YIQ-pisteen välinen euklidinen etäisyys lasketaan. Tätä etäisyyttä verrataan herkkyyssäätimen asettamaan kynnysarvoon – nosta herkkyyttä havaitaksesi pienet värisiirtymät, laske sitä jättääksesi pakkauskohinan huomiotta ja keskittyäksesi vain selviin muutoksiin.

Naiivi pikselikohtainen vertailu korostaisi jokaisen reunapehmennetyn reunan ”erilaisena”, vaikka mikään merkityksellinen ei olisi muuttunut, koska tasoitus siirtää kourallista reunapikseleitä muutamalla sävyllä. Tämä työkalu suorittaa aidon reunanpehmennysheuristiikan molemmille kuville: pikseli käsitellään aitona erona vain, jos se EI sijaitse tasoitusliukuman sisällä – käytännössä, jos sen oma 3×3-naapurusto kummassakaan lähdekuvassa ei jo sisällä sekä itseään vaaleampaa että tummempaa pikseliä, mikä on AA-tasoitetun reunan eikä todellisen sisällön sormenjälki.

Lataa Kuva A ja Kuva B, säädä herkkyyttä tarvittaessa ja paina Suorita. Saat tarkan prosenttiosuuden eroavista pikseleistä sekä diffikuvan, jossa jokainen todellinen muutos on korostettu kirkkaan magentana alkuperäisen himmennetyn version päällä – lataa se ja liitä suoraan vikaraporttiisi tai QA-muistiinpanoihisi. Molemmilla kuvilla on oltava samat mitat; jos ei ole, työkalu kertoo sen suoraan sen sijaan, että rajaisi tai venyttäisi toista kuvaa hiljaisesti. Mitään ei poistu selaimestasi missään vaiheessa.