Проверка на разликата в изображението

Изпратете настройка на CSS и искате да знаете какво точно се е преместило? Сравнявате две екранни снимки за QA визуална регресионна проверка? Чудите се какво всъщност се е променило между две експортирани версии на една и съща снимка? Превъртането напред и назад между две изображения и присвиването за разлики е бавно и ненадеждно - този инструмент наслагва двете и ви показва всеки променен пиксел в едно изображение.

Сравнението е истинска математика за разлика в пикселите, същото семейство алгоритъм, използван от инструменти като pixelmatch: всеки пиксел от двете изображения се преобразува от RGB в YIQ цветово пространство (Y = яркост, I и Q = NTSC осите на цветност) и се изчислява евклидовото разстояние между двете YIQ точки. Това разстояние се сравнява с праг, зададен от плъзгача за чувствителност - увеличете чувствителността, за да уловите фините цветови промени, намалете я, за да игнорирате шума от компресията и да се интересувате само от очевидните промени.

Наивното сравнение на пиксел би осветило всеки антиалиасиран ръб като "различен", дори когато нищо смислено не се е променило, защото изглаждането измества шепа гранични пиксели с няколко нюанса. Този инструмент изпълнява истинска евристика за антиалиасинг и на двете изображения: един пиксел се третира като истинска разлика само ако НЕ се намира вътре в изглаждащ градиент — по-конкретно, ако неговият собствен квартал 3x3 в някое изходно изображение вече не съдържа както по-светъл, така и по-тъмен пиксел от самия него, което е пръстов отпечатък на AA-изгладен ръб, а не действително съдържание.

Качете изображение A и изображение B, регулирайте чувствителността, ако е необходимо, и натиснете Изпълнение. Получавате точен процент пиксели, които се различават, плюс изображение за разлика с всяка реална промяна, подчертана в ярко магента върху затъмнена версия на оригинала — изтеглете го и го прикачете направо към вашия доклад за грешка или бележки за проверка на качеството. И двете изображения трябва да имат еднакви размери; ако не го направят, инструментът ви казва ясно, вместо безшумно да изрязва или разтяга един от тях. Нищо не напуска браузъра ви в нито един момент.