Сравняване на изображения
Качете две изображения и вижте визуална разлика с пикселна точност помежду им, с перцептуално YIQ сравнение и подчертаване, отчитащо изглаждането – 100% локално във вашия браузър.
🔒 Обработва се изцяло във вашия браузър - нищо, което въвеждате тук, никога не се качва.
Резултат
Пуснали сте CSS корекция и искате да знаете точно какво се е преместило? Сравнявате две екранни снимки за визуална регресия при QA? Чудите се какво наистина се е променило между две експортирани версии на една и съща снимка? Превъртането напред-назад между две изображения и присвиването на очи за разлики е бавно и ненадеждно – този инструмент наслагва двете и ви показва всеки променен пиксел в едно изображение.
Сравнението е истинска математика за пикселна разлика, същото семейство алгоритми, използвано от инструменти като pixelmatch: всеки пиксел от двете изображения се преобразува от RGB в цветовото пространство YIQ (Y = осветеност, I и Q = цветоразликовите оси на NTSC) и се изчислява Евклидовото разстояние между двете YIQ точки. Това разстояние се сравнява с праг, зададен от плъзгача за чувствителност – увеличете чувствителността, за да уловите фини цветови промени, намалете я, за да пренебрегнете компресионен шум и да виждате само очевидни разлики.
Наивно сравнение пиксел по пиксел би осветило всеки изгладен ръб като „различен“, дори когато нищо смислено не се е променило, защото заглаждането измества няколко гранични пиксела с няколко нюанса. Този инструмент прилага истинска евристика за изглаждане върху двете изображения: един пиксел се третира като истинска разлика само ако НЕ попада в изглаждащ градиент – конкретно, ако неговият собствен квартал 3x3 в някое от изходните изображения вече съдържа както по-светъл, така и по-тъмен пиксел от него самия, което е отличителният белег на изгладен ръб, а не на реално съдържание.
Качете Изображение А и Изображение Б, настройте чувствителността при нужда и натиснете Изпълни. Получавате точен процент на различаващите се пиксели плюс diff изображение с всяка реална промяна, подчертана в ярка магента върху затъмнена версия на оригинала – изтеглете го и го прикачете директно към вашия бъг репорт или QA бележки. Двете изображения трябва да имат еднакви размери; ако не са, инструментът ви уведомява директно, вместо безшумно да изрязва или разтяга едно от тях. Нищо не напуска браузъра ви в нито един момент.