Pildi differi kontrollija

Tegid CSS-i muudatuse ja tahad täpselt teada, mis liikus? Võrdled kahte kuvatõmmist QA visuaalse regressiooni kontrolliks? Imestad, mis tegelikult muutus kahe eksporditud foto versiooni vahel? Kahe pildi vahel edasi-tagasi kerimine ja erinevuste tuvastamiseks kissitamine on aeglane ja ebausaldusväärne – see tööriist asetab need kaks pilti üksteise peale ja näitab sulle kõiki muutunud piksleid ühel pildil.

Võrdlus põhineb ehtsal pikslivõrdluse matemaatikal, samal algoritmiperel, mida kasutavad sellised tööriistad nagu pixelmatch: iga mõlema pildi piksel teisendatakse RGB-st YIQ värviruumi (Y = heledus, I ja Q = NTSC kromaatilisuse teljed) ning arvutatakse eukleidiline kaugus kahe YIQ-punkti vahel. Seda kaugust võrreldakse tundlikkuse liuguriga määratud lävendiga – suurenda tundlikkust, et tabada peeneid värvimuutusi, vähenda seda, et ignoreerida pakkimismüra ja hoolida ainult ilmsetest muutustest.

Naiivne pikslipõhine võrdlus märgistaks iga aliasemürase serva „erinevaks”, isegi kui midagi sisulist pole muutunud, sest silumine nihutab mõnda äärepikslit mõne varjundi võrra. See tööriist rakendab mõlemale pildile ehtsat aliasemüra heuristikut: piksel loetakse tõeliseks erinevuseks ainult siis, kui see EI asu silumisgradiendi sees – täpsemalt, kui selle enda 3×3 naabrus kummaski lähtepildis ei sisalda juba nii heledamat kui ka tumedamat pikslit kui see ise, mis on AA-silutud serva, mitte tegeliku sisu sõrmejälg.

Laadi üles Pilt A ja Pilt B, vajadusel reguleeri tundlikkust ja vajuta Käivita. Saad täpse erinevate pikslite protsendi ja differpildi, kus iga reaalne muutus on esile tõstetud ereda magentavärviga originaali hämardatud versiooni peal – laadi see alla ja lisa otse oma veateatesse või QA märkmetesse. Mõlemad pildid peavad olema samade mõõtmetega; kui ei ole, siis tööriist ütleb seda selgelt, selle asemel et üht vaikimisi kärpida või venitada. Mitte miski ei välju su brauserist mitte ühelgi hetkel.