Сравнение изображений и поиск различий
Сравните два изображения слайдером «до/после», рядом или картой разницы пикселей: изменения выделяются красным, а доля расхождений показана в процентах.
Работает полностью в вашем браузере. Ваши данные никуда не загружаются.
Похожие Инструменты
Просмотреть ВсеЧто такое Сравнение изображений?
Загрузите два изображения и сравните их тремя способами: слайдером, который открывает одно поверх другого, рядом или картой разницы, где изменённые пиксели красные. Инструмент считает отличающиеся пиксели и показывает процент расхождений, а настраиваемый допуск на канал позволяет игнорировать мелкие различия из-за сжатия.
Как пользоваться Сравнение изображений
- Перетащите или выберите Изображение A (эталон) и Изображение B (для сравнения).
- Переключайтесь между режимами Слайдер, Рядом и Разница.
- Прочитайте процент расхождений и число пикселей.
- Увеличьте Допуск на канал (0–255), чтобы игнорировать небольшие различия вроде шума JPEG.
Пример
Two 40×20 images that differ only in the bottom-right quadrant (white vs black), tolerance 0
25% of pixels differ (200 of 800 pixels)
Когда использовать Сравнение изображений
Используйте, чтобы найти изменения между двумя версиями дизайна, скриншота или рендера, проверить артефакты сжатия или быстро выполнить визуальную проверку регрессии. Инструмент сравнивает пиксели в одной и той же позиции, поэтому сдвинутое или повёрнутое содержимое считается полностью отличающимся; это не метрика перцептивного или структурного сходства.
Как работает Сравнение изображений
Оба изображения декодируются в RGBA. Если их размеры различаются, изображение B пересэмплируется до размера изображения A (и об этом сообщается). Сравнивается каждая пара пикселей: если абсолютная разница R, G, B или альфа превышает допуск, пиксель считается отличающимся и закрашивается красным на карте разницы; совпадающие пиксели показываются блёклыми оттенками серого изображения A. Расхождение % = отличающиеся пиксели ÷ все пиксели × 100.
Распространенные Случаи Использования
- Проверить, что изменилось между двумя скриншотами интерфейса.
- Сравнить исходное фото с его сжатой версией.
- Убедиться, что повторно экспортированный ресурс идентичен.
- Показать правки «до/после» слайдером.
Примечание по Безопасности
Изображения декодируются, обрабатываются и кодируются локально в вашем браузере через Canvas API. На сервер ничего не загружается.
Часто Задаваемые Вопросы
Что будет, если у изображений разные размеры?
Перед сравнением изображение B масштабируется под изображение A, и показывается предупреждение. Для точных результатов сравнивайте изображения одинаковых размеров.
Что делает допуск?
Пиксель считается отличающимся, только если один из его каналов отличается больше чем на допуск (0–255). Значения 5–20 позволяют игнорировать шум сжатия с потерями.
Учитывается ли прозрачность?
Да. Альфа-канал сравнивается так же, как цветовые каналы.