Перейти к содержимому
Toolars
Каталог

Различия изображений

Image Diff

Сравнивайте два изображения PNG, JPEG или WebP попиксельно с видами «две колонки», «ползунок», «прозрачность», «подсветка» и «маска».

Локальная обработка

Сведения об обработке

Данные инструмента обрабатываются на вашем устройстве.

Для работы инструмента могут загружаться ресурсы. Сервисы аккаунта работают отдельно.

Информация о конфиденциальности
Сообщить об ошибке

Путь задачи / от ввода к результату

Как сравнить два изображения

  1. 01

    Выберите два изображения

    Выберите исходное и изменённое изображение — PNG, JPEG или WebP, до 12 МиБ каждое, до 8 192 пикселей на сторону и до 8 миллионов пикселей для точного сравнения. JPEG приводится к ориентации EXIF при загрузке, обе стороны показывают формат, размеры и размер файла, а «Поменять стороны» меняет их одним щелчком.

  2. 02

    Прочитайте вердикт

    Изображения одинакового размера сравниваются автоматически в Worker. При пороге 0 и учёте сглаженных пикселей нулевая разница может отображаться как «Пиксели совпадают» по этому алгоритму. При других настройках ноль означает только отсутствие подсчитанных различий при данном пороге и обработке краёв. Положительный результат показывает число и долю.

  3. 03

    Переключайте пять видов

    «Две колонки» показывает изображения рядом с синхронными масштабом и сдвигом — колесо приближает, перетаскивание сдвигает, кнопки и стрелки работают без мыши. «Ползунок» открывает изменение управляемой с клавиатуры границей, «Прозрачность» накладывает одно изображение на другое с регулируемой непрозрачностью, «Подсветка» отмечает различающиеся пиксели поверх оригинала, а «Маска различий» показывает их отдельно.

  4. 04

    Настройте порог и сглаживание

    Порог задаёт чувствительность алгоритма от 0 до 0,5. Ноль наиболее чувствителен, но не обещает побайтового равенства RGBA. Игнорирование сглаженных краёв включено по умолчанию и может исключить различия на них. Изменение настройки отменяет прежнее сравнение и запускает новое.

  5. 05

    Экспортируйте маску

    Экспорт маски PNG сохраняет подсчитанные при текущих настройках различия на прозрачном фоне. Даже «Пиксели совпадают» — это результат pixelmatch для данных, декодированных этим браузером, а не одинаковые байты файлов или все скрытые каналы RGBA. Для проверки байтов используйте Hash Checker.

Факты об инструменте

Обработка
В вашем браузере
Ввод покидает устройство
Никогда
Хранение
Ничего не сохраняется
Цена
Бесплатно

Ваши данные остаются в браузере.

Различия изображений использует проверенный путь локального выполнения и не создаёт скрытую историю ввода и вывода.

Локальное выполнение

Работает внутри текущей вкладки браузера.

Никакой скрытой обработки

Активные данные инструмента никогда не становятся записями документов Toolars.

Аккаунт не требуется

Используйте основной сценарий без создания профиля. Избранное синхронизируется с аккаунтом после входа.

Мгновенный сброс

Закройте вкладку — и рабочие данные исчезнут.

Что на самом деле делает Различия изображений

Пришла правка дизайна, и нужно подтвердить, что изменилась только задуманная область; у UI-регрессии есть скриншоты двух сборок, а место сбоя спрятано где-то в длинной странице; два экспорта одного конвейера должны совпадать, но глазом этого не доказать. Загрузите оба изображения — сравнение идёт локально — переключитесь на «Подсветку», чтобы чужой водяной знак вспыхнул красным поверх оригинала, подвигайте «Ползунок» там, где кнопка уехала на два пикселя, и экспортируйте маску в баг-репорт. Если у скриншотов разные размеры, рабочая область честно пишет «Только визуальное сравнение» вместо выдуманных цифр, а изменение размера остаётся за инструментом изменения размера.

Частые вопросы

Какие форматы изображений поддерживаются?
После проверки сигнатуры поддерживаются PNG, JPEG и WebP до 12 МиБ каждый. GIF, HEIC, SVG и PDF не входят в этот конвейер сравнения. Декодирование и обработка цветов в браузере могут влиять на увиденные пиксели; для межбраузерной согласованности проверяйте в целевой среде.
Что происходит при разных размерах изображений?
Рабочая область переходит в режим «Только визуальное сравнение»: «Две колонки», «Ползунок» и «Прозрачность» продолжают работать, чтобы вы могли изучить обе версии, но количества и проценты пикселей не сообщаются — число, вычисленное по пересжатым пикселям, было бы ложным вердиктом. Сначала приведите одну сторону к нужному размеру инструментом изменения размера, если нужно точное сравнение.
Что меняет порог?
Порог — параметр воспринимаемого цветового расстояния в pixelmatch. При 0 чувствительность максимальна, но это не простой подсчёт каждого изменения сырого канала; игнорирование сглаживания также исключает часть краевых пикселей. Более высокий порог терпимее к цветовой разнице, включая шум сжатия. Проверяйте маску и настройки перед выводом из нулевого счёта.
«Пиксели идентичны» — значит, файлы одинаковы?
Нет. «Пиксели совпадают» показывается только при нулевом счёте, пороге 0 и включённом учёте сглаженных пикселей. Это всё равно вывод pixelmatch по пикселям, декодированным данным браузером, а не сравнение байтов и не гарантия равенства скрытого RGB полностью прозрачных пикселей. Для байтов нужны хеши.
Цвета сравниваются точно?
Браузер передаёт pixelmatch декодированные пиксели; обработка цветов в браузерах может различаться. pixelmatch применяет воспринимаемое цветовое расстояние и правила сглаживания вместо буквального равенства каждого канала RGBA. Альфа участвует, но скрытый RGB при полной прозрачности может не влиять на вывод. Это не цветопроба для печати.
Мои изображения куда-то загружаются?
Нет. Оба файла остаются в текущей вкладке, декодирование и пиксельное сравнение выполняются в изолированном локальном Worker, ничего не отправляется и не сохраняется, учётная запись не нужна.

Связанные задачи, а не тупик.

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

Обрезка изображений

Image Cropper

Выделите область, выберите пропорции и скачайте изображение. Поворот: 90° / 180° / 270°.

Редактирование

Фильтры изображений

Image Filters

33 настраиваемые операции, включая вращение оттенка, оба отражения и упорядоченный дизеринг.

Редактирование

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

Image Compressor

Выберите целевой размер или качество кодирования JPEG/WebP. Обрабатывайте локально без изменения размеров в пикселях, проверяйте байты и скачивайте. Уменьшение файла не гарантируется.

Конвертация

Изменение размера изображений

Image Resizer

Изменяйте размер локально с качественной интерполяцией и необязательной фиксацией соотношения сторон. PNG / JPEG / WebP / SVG / GIF. Из GIF экспортируется только первый кадр; анимация не сохраняется.

Редактирование