Порівняння двох зображень

Як порівняти два зображення

1. Перетягніть першу картинку на Зображення A (до), а другу на Зображення B (після) або натисніть кожну зону, щоб вибрати файл. Підтримуються JPG, PNG, WebP, GIF, BMP, SVG та будь-який інший формат, який може відкрити ваш браузер.
2. Виберіть Вигляд: Поруч, Повзунок, Напівпрозоре накладання або Різниця.
3. Якщо картинки мають різний розмір, виберіть, що станеться в полі Якщо розміри різні: Масштабувати B до розміру A, Початковий розмір, вирівнювання за верхнім лівим кутом або Початковий розмір, по центру.
4. Змінюйте масштаб коліщатком миші, щипком двох пальців, кнопками + і − чи клавішами + та −, а для переміщення перетягуйте. Усі панелі мають однаковий масштаб і положення, тож ви завжди дивитеся на те саме місце в обох зображеннях. За розміром вікна знову показує всю картинку.
5. У вигляді Різниця задайте Допуск і Міра відмінності, а потім прочитайте результати під картинкою. Завантажити різницю (PNG) зберігає виділену карту.

Поміняти A і B місцями обмінює картинки; Очистити починає все спочатку.

Чотири вигляди

• Поруч показує A ліворуч, а B праворуч із синхронним масштабом і прокруткою. Це найпростіший спосіб оцінити загальний вигляд, колір і різкість.
• Повзунок складає два зображення разом і відкриває B праворуч від вертикальної лінії розділу. Перетягніть лінію розділу на картинці, натисніть там, де вона має бути, або скористайтеся елементом Положення повзунка (він працює й зі стрілками). Це класичний вигляд «до й після» для ретуші, реставрації, збільшення чи тестів стиснення.
• Напівпрозоре накладання кладе B на A з регульованою Непрозорість B. Рух від 0 % до 100 % робить помітними зсуви, зміщені елементи й посунутий текст.
• Різниця зафарбовує кожен змінений піксель яскраво-червоним поверх блідої сірої копії зображення A. Ідентичні ділянки зливаються з тлом, тож навіть зміну в один піксель легко побачити, збільшивши масштаб. За достатнього збільшення пікселі показуються чіткими квадратами, а не згладженими.

Як вимірюється різниця

Кожен піксель A порівнюється з пікселем на тому самому місці в B. Кольори спершу множаться на свою непрозорість, тож два повністю прозорі пікселі вважаються рівними, навіть якщо їхній прихований колір відрізняється.

• Найбільша різниця каналу бере найбільший розрив серед червоного, зеленого, синього та альфа за шкалою від 0 до 255. Значення 12 означає, що принаймні один канал змінився на 12 рівнів.
• Колірна відстань (RGB + альфа) – це пряма (евклідова) відстань між двома кольорами, поділена на 2, щоб вона також змінювалася від 0 до 255. Вона сильніше реагує на зміни, розподілені між кількома каналами.

Піксель вважається зміненим, коли його різниця більша за Допуск. За 0 повідомляється про будь-яку зміну, що ідеально для перевірки, чи два експорти справді ідентичні. Допуск 5–15 ігнорує дрібний шум, який додає стиснення JPEG чи WebP, і зберігає справжні правки.

Результати показують обидва розміри зображень, Порівнювана ділянка, Частка змін у відсотках, кількість Змінені пікселі, знайдену Найбільша різниця і Змінена ділянка: найменший прямокутник, що містить усі змінені пікселі, із його верхнім лівим кутом.

Зображення різних розмірів

З Масштабувати B до розміру A зображення B розтягується точно до ширини й висоти A, що підходить для зменшеної чи перестисненої копії тієї самої картинки. З двома варіантами Початковий розмір обидва зображення зберігають свої пікселі в ділянці, достатньо великій для обох; частини, закриті лише одним зображенням, вважаються зміненими. Картинки понад 4096 пікселів по довшій стороні порівнюються в зменшеному розмірі, про що з’являється повідомлення.

Обидва файли читаються й порівнюються у вашому браузері; на сервер вони не завантажуються.