MergeImage · Последняя проверка 2026-08-04
Сравнить изображения в трёх приватных режимах
Этот инструмент помогает сравнить изображения рядом, с помощью слайдера или по различиям пикселей. Два файла помещаются в общую рамку, подписи можно менять, а PNG создаётся без отправки изображений на сервер.
- Три режима сравнения
- Процент изменённых пикселей
- Локальный экспорт PNG
Приватная область для двух изображений
Сравните два изображения без загрузкиОба изображения остаются в этой вкладке.
Добавьте два изображения для сравнения.
Гайды
Читать практические гайды
Первичные и официальные источники на этой странице.
01
Как сравнить изображения в общей системе координат
сравнить изображения — Одна геометрия для режима рядом, слайдера и различий пикселей
Выберите оригинал и изменённую версию. Чтобы сравнить изображения последовательно, инструмент локально декодирует оба файла, вычисляет общую рамку и вписывает каждый источник без обрезки. Поэтому все режимы используют одинаковую основу даже при разных размерах и пропорциях.
Режим рядом показывает общие изменения композиции. Слайдер накладывает две рамки и открывает новую версию до разделителя. Режим различий читает RGBA-пиксели, сравнивает цветовые каналы и выделяет пиксели, среднее изменение которых выше выбранного порога.
Процент различий описывает нормализованную рамку, а не качество или смысл результата. Масштабирование, сжатие, сглаживание, цветовой профиль или сдвиг на один пиксель меняют много значений. Используйте измерение как визуальную подсказку и проверяйте исходные файлы и контекст.
- сравнить изображения — Режим рядом подходит для макетов, товаров и историй до и после.
- сравнить изображения — Слайдер помогает проверить одну область в двух версиях.
- сравнить изображения — Карта различий находит изменённые пиксели, но не объясняет причину.
- сравнить изображения — Текущий вид можно сохранить в PNG с подписями.
| Режим | Задача | Геометрия | Измерение |
|---|---|---|---|
| сравнить изображения — Рядом | Общий визуальный обзор | Две одинаковые рамки | Без оценки |
| сравнить изображения — Слайдер | До и после | Одна совмещённая рамка | Положение разделителя |
| сравнить изображения — Различия | Поиск изменений | Тепловая карта | Порог и процент |
02
Выберите способ сравнить изображения
сравнить изображения — Визуальная история и аудит пикселей требуют разных режимов
В объявлении можно собрать фронтальный, боковой вид и деталь в сетке. Отчёт поддержки может расположить ошибку и шаги вертикально. Визуальный обзор может сравнить варианты по горизонтали.
03
сравнить изображения — Оставляйте приватные изображения в браузере
сравнить изображения — Локальные API исключают обработку на сервере
Браузер читает только выбранные файлы, декодирует их и создаёт результат на локальном холсте. Не нужны аккаунт, сервер обработки или платный API; 0 исходных изображений не отправляются MergeImage в основном процессе.
04
сравнить изображения — Экспортируйте понятный результат
сравнить изображения — Подписи, фон и геометрия остаются видимыми
PNG подходит для текста, скриншотов и прозрачности. JPEG часто уменьшает фотографии, но теряет детали и не сохраняет прозрачность. WebP — компромисс для поддерживающих его целей.
05
сравнить изображения — Как проверен этот инструмент
сравнить изображения — Официальные API и воспроизводимые тесты пикселей
MDN документирует createImageBitmap() для асинхронного создания bitmap и canvas.toBlob() для создания кодированного Blob. W3C File API описывает файлы, выбранные в браузере.
06
сравнить изображения — Начните с порядка чтения
сравнить изображения — Макет должен рассказывать правильную историю
сравнить изображения — Начните с последовательности. Очередь задаёт итоговый порядок и позволяет перемещать или удалять рабочую копию без изменения оригинала. Горизонтальный макет сравнивает, вертикальный показывает шаги, сетка организует набор, а умная склейка соединяет последовательные скриншоты.
сравнить изображения — Естественный размер сохраняет пиксели, одинаковая ширина или высота выравнивает композицию. Интервал, выравнивание и фон задаются до экспорта, а предпросмотр показывает неверный порядок или пробелы.
сравнить изображения — Главное действие находится в верхней части страницы. Файлы можно выбрать или перетащить, затем изменить порядок. Объединение остаётся обратимым до скачивания.
07
сравнить изображения — Склеивайте длинные скриншоты осторожно
сравнить изображения — Распознавание должно ошибаться безопасно
сравнить изображения — Распознавание лучше работает с последовательными скриншотами одного окна и устойчивой повторяющейся полосой. Анимация, видео, закреплённые заголовки и меняющиеся часы снижают уверенность.
сравнить изображения — Перед публикацией проверьте порядок, ориентацию, швы, фон и читаемую деталь в конечном масштабе. Скачайте и откройте файл до закрытия вкладки.
08
сравнить изображения — Защита частных и больших файлов
сравнить изображения — Локальная обработка меняет риск и производительность
сравнить изображения — Локальная обработка подходит для черновиков, личных фотографий, счетов и внутренних скриншотов, которые не следует передавать без необходимости.
сравнить изображения — Рабочее пространство принимает 30 изображений и до 20 МБ на файл. Результат выше 12 000 пикселей по стороне или 80 мегапикселей пропорционально уменьшается. Это границы продукта, а не универсальные пределы браузеров.
09
сравнить изображения — Проверяйте перед публикацией
сравнить изображения — Короткий список предотвращает переделку
сравнить изображения — Версия проверена 03.08.2026 на различимых сгенерированных PNG. Тест изменил порядок, создал предпросмотр, скачал результат и декодировал файл для проверки размеров.
10
сравнить изображения — Как склеить скриншоты и сохранить ход чтения
сравнить изображения — Автоматическая обрезка безопасно отказывается от изменений
сравнить изображения — Добавьте кадры в порядке прокрутки. Чтобы склеить скриншоты, инструмент сравнивает низ одного изображения с верхом следующего по уменьшенной копии. Только достоверная повторяющаяся полоса становится командой обрезки второго кадра; исходные файлы не меняются.
сравнить изображения — Умный режим задаёт нулевой промежуток и общую ширину. Получается непрерывный холст, а не коллаж с зазорами. До предпросмотра можно менять порядок, поворачивать, отражать и удалять элементы; очередь всегда определяет итоговую последовательность.
сравнить изображения — Алгоритм намеренно осторожен. Закреплённая шапка, анимация, видео, меняющиеся часы или малодетальная область могут помешать надёжному совпадению. Тогда полный кадр сохраняется, а интерфейс сообщает о запасном режиме. Повтор строки безопаснее, чем потеря текста.
11
сравнить изображения — Данные сайта и локальные настройки
сравнить изображения — Тема может храниться на устройстве
сравнить изображения — Сайт может сохранить светлую или тёмную тему в Web Storage. Эта локальная настройка не содержит изображений или результата и удаляется через данные сайта.
сравнить изображения — Хостинг может обрабатывать технические данные для доставки и безопасности, например IP-адрес, время, путь и user agent. Детали должны соответствовать производственному хосту.
сравнить изображения — Укажите браузер, устройство, шаги, макет, ожидаемый формат и наблюдаемый результат. Используйте неконфиденциальный пример. Публичный канал: [email protected].
12
сравнить изображения — Cookies, реклама и третьи стороны
сравнить изображения — Условное раскрытие до включения рекламы
сравнить изображения — В первоначальной версии сторонняя реклама не активна. Если в будущем будет включена сторонняя реклама, сторонние рекламодатели, включая Google, могут использовать cookies и web beacons, чтобы показывать рекламу на этом сайте. Эта политика должна быть обновлена до включения такой рекламы.
сравнить изображения — Cookies — это значения, которые может хранить браузер. Web beacons — небольшие ресурсы или сигналы, способные фиксировать взаимодействие. Рекламные провайдеры могут использовать их для показа, измерения, частоты или персонализации.
сравнить изображения — Google публикует официальные объяснения о рекламных данных и cookies. Эти источники описывают сервисы Google, а не означают, что Google Ads установлен на MergeImage.
Последняя проверка · 2026-08-04
Данные продукта
Первичные и официальные источники на этой странице.
- Декодирование, размещение и кодирование выполняются локально в текущем браузере; 0 файлов изображений не отправляются на сервер MergeImage.
- Рабочее пространство принимает 30 изображений и 20 МБ на файл. Предел устройства до 12 000 px / 80 MP уменьшает большой результат или сохраняет размер в ZIP с частями.
- Проверенная сборка предлагает 4 макета и 3 формата экспорта: PNG, JPEG и WebP; проверено 03.08.2026.
| Данные продукта | Источники | Последняя проверка |
|---|---|---|
| 30 | Данные продукта | 2026-08-04 |
| 20 MB | Данные продукта | 2026-08-04 |
| 12,000 px / 80 MP | Данные продукта | 2026-08-04 |
“The HTMLCanvasElement.toBlob() method creates a Blob object representing the image contained in the canvas.”
Источники
- Window: createImageBitmap() — MDN Web Docs
- HTMLCanvasElement: toBlob() — MDN Web Docs
- CanvasRenderingContext2D.getImageData() — MDN Web Docs
- Спецификация File API — W3C
Частые вопросы
Файлы загружаются на сервер, чтобы сравнить изображения?
Нет. Выбор, декодирование, рисование, чтение пикселей и экспорт выполняются в этой вкладке.
сравнить изображения — Что означает процент различий?
Это доля нормализованных пикселей, среднее изменение цвета которых выше порога.
Можно сравнить изображения разного размера?
Да. Оба пропорционально вписываются в одну рамку без обрезки.
сравнить изображения — Какой режим выбрать для фото до и после?
Начните со слайдера при одинаковом ракурсе; при разном кадрировании используйте режим рядом.
сравнить изображения — Можно скачать результат?
Да. Текущий вид сохраняется в PNG с видимыми подписями.