Сравнение изображений

Ползунок: перетащите интерактивный разделитель, чтобы показать одно или другое изображение — классический вид до/после. Бок о бок: оба изображения отображаются на полную ширину рядом. Наложение: одно изображение поверх другого с настраиваемой прозрачностью (удобно для проверки выравнивания). Разница: выделяет точные изменения на уровне пикселей красным; идентичные области отображаются приглушёнными.

Нет. Изображения разных размеров автоматически масштабируются под вид сравнения. Однако для значимого попиксельного сравнения изображения одинаковых размеров дают наиболее полезные результаты — иначе diff показывает артефакты масштабирования.

Режим разницы вычисляет абсолютную разницу RGB по каждому каналу между соответствующими пикселями. Изменённые пиксели выглядят ярко-красными; неизменённые области приглушены. Полезно для обнаружения незначительных изменений в обновлениях дизайна, артефактов сжатия или проверки того, что преобразование является без потерь.

Загрузите два изображения, выберите режим Ползунок, затем перетащите вертикальный разделитель влево и вправо. Левая сторона показывает Изображение A, правая — Изображение B. Работает с мышью и сенсорным экраном, поэтому подходит для планшетов и смартфонов.

Режим наложения размещает оба изображения одно поверх другого с настраиваемой прозрачностью. Полезно для проверки выравнивания между макетом дизайна и скриншотом, проверки совмещения двух версий одной фотографии или проверки правильного положения логотипа в двух макетах.

Да. Элементы управления масштабом позволяют увеличить изображение для просмотра отдельных пиксельных различий. Используйте параметр 'Вписать' для возврата к размеру области просмотра или '100%' для отображения фактического размера пикселей.

Нет. Вся обработка сравнения выполняется локально в вашем браузере с использованием HTML5 Canvas. Изображения загружаются в память с вашего устройства и никогда не передаются ни на какой сервер.