Провера разлика између слика

Послали сте CSS подешавање и желите да знате шта се тачно померило? Поредите два снимка екрана за QA проверу визуелне регресије? Питате се шта се заправо променило између две извезене верзије исте фотографије? Скроловање напред-назад између две слике и жмиркање тражећи разлике је споро и непоуздано — овај алат преклапа те две слике и показује вам сваки промењени пиксел на једној слици.

Поређење користи праву математику поређења пиксела, исту породицу алгоритама коју користе алати попут pixelmatch: сваки пиксел обе слике се конвертује из RGB у YIQ простор боја (Y = осветљај, I и Q = осе хроматичности по NTSC), и Еуклидско растојање између те две YIQ тачке се израчунава. То растојање се пореди са прагом подешеним клизачем осетљивости — повећајте осетљивост да бисте ухватили суптилне помаке у боји, смањите је да бисте игнорисали компресиони шум и бринули само о очигледним променама.

Наивно поређење пер-пиксел би осветлило сваку анти-алиасовану ивицу као „различиту“ чак и када се ништа суштински није променило, јер изглађивање помера неколико граничних пиксела за неколико нијанси. Овај алат примењује праву хеуристику анти-алијасинга на обе слике: пиксел се третира као стварна разлика само ако се НЕ налази унутар градијента изглађивања — конкретно, ако његова сопствена околина 3×3 на било којој од изворних слика већ не садржи и светлији и тамнији пиксел од њега самог, што је отисак анти-алиасно изглађене ивице, а не стварни садржај.

Отпремите Слику А и Слику Б, подесите осетљивост ако је потребно и притисните Изврши. Добијате тачан проценат пиксела који се разликују плус слику разлика са сваком стварном променом истакнутом у јарко магента боји преко затамњене верзије оригинала — преузмите је и приложите директно у свој извештај о грешци или QA белешке. Обе слике морају да деле исте димензије; ако немају, алат вам то јасно каже уместо нечујног исецања или растезања једне од њих. Ништа не напушта ваш прегледач ни у ком тренутку.