Pildi erinevuse kontrollija

Kas saatsite CSS-i näpunäide ja soovite täpselt teada, mis liikus? Kas võrrelda kahte ekraanipilti kvaliteedikontrolli visuaalse regressiooni kontrolli jaoks? Kas soovite teada, mis sama foto kahe eksporditud versiooni vahel tegelikult muutus? Kahe pildi vahel edasi-tagasi kerimine ja erinevuste otsimine on aeglane ja ebausaldusväärne – see tööriist katab need kaks ja kuvab iga muudetud piksli ühel pildil.

Võrdlus on tõeline pikslite diferentseerimise matemaatika, sama algoritmide perekond, mida kasutavad sellised tööriistad nagu pixelmatch: mõlema pildi iga piksel teisendatakse RGB-st YIQ-värviruumiks (Y = luma, I ja Q = NTSC värviteljed) ning kahe YIQ-punkti vaheline eukleidiline kaugus arvutatakse. Seda kaugust võrreldakse tundlikkuse liuguri seatud lävega – suurendage tundlikkust, et tabada peeneid värvinihkeid, vähendage seda, et ignoreerida tihendusmüra, ja hoolige ainult ilmsetest muutustest.

Naiivne pikslite võrdlus valgustaks iga antialiase serva "erinevana" isegi siis, kui midagi sisulist ei muutunud, sest silumine nihutab käputäie ääripiksleid mõne tooni võrra. See tööriist teostab mõlemal pildil tõelist antialiasi heuristikat: pikslit käsitletakse tõelise erinevusena ainult siis, kui see EI asu silumisgradiendis – konkreetselt siis, kui tema enda 3x3 naabrus kummalgi lähtepildil ei sisalda juba nii heledamat kui ka tumedamat pikslit kui ta ise, mis on pigem AA-ga silutud serva sõrmejälg, mitte tegelik sisu.

Laadige üles pilt A ja pilt B, vajadusel reguleerige tundlikkust ja vajutage nuppu Käivita. Saate täpse protsendi pikslitest, mis erinevad, pluss diff-kujutise, kusjuures iga tegelik muudatus on ereda magenta värviga esile tõstetud originaali tuhmi versiooni kohal – laadige see alla ja lisage see otse oma veaaruandesse või kvaliteedikontrolli märkustesse. Mõlemad pildid peavad olema samade mõõtmetega; kui nad seda ei tee, ütleb tööriist teile selgesõnaliselt selle asemel, et üht neist vaikselt kärpida või venitada. Miski ei lahku teie brauserist ühelgi hetkel.