Что такое Слайдер сравнения изображений?

Накладывает два изображения с перетаскиваемым разделителем для попиксельного сравнения. Подходит для сравнений «до/после» и A/B-ревью дизайна. Поддерживает горизонтальное и вертикальное разделение.

Загрузите два кадра одной сцены, перетащите разделитель — и сразу видно, что изменилось. Поддерживается любое соотношение сторон, есть горизонтальное и вертикальное разбиение, а итоговый плоский PNG экспортируется в любой позиции ползунка — удобно для дизайн-ревью, когда команде нужен один файл с комментариями.

Как использовать

1. Шаг 1 — Загрузите два изображения: исходное («до») слева и обработанное («после») справа.
2. Шаг 2 — Перетащите ползунок влево и вправо, чтобы открывать каждое изображение. Переключайтесь между горизонтальным и вертикальным режимами разделения.
3. Шаг 3 — Скачайте снимок экрана сравнения в любом положении ползунка для демонстрации команде.

Когда использовать

• Показать клиенту результат ретуши: кожа, цветокоррекция, чистка фона.
• Сравнить редизайн интерфейса в A/B на одинаковой точке скролла.
• Зафиксировать прогресс ремонта: «до» и «после» работ.

Результат

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

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

Должны ли два изображения быть одинакового размера?

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

Можно ли скачать сравнение одной картинкой?

Да. Установите ползунок в самой показательной позиции и нажмите «Скачать». На выходе получится плоский PNG: с одной стороны кадр «до», с другой «после», а посередине разделительная линия в заданной точке.

Работает ли вертикальное сравнение?

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

Уходят ли мои изображения на сервер?

Нет. Оба файла остаются на вашем устройстве и подгружаются в память как data URL. Никаких загрузок на сервер и временных хранилищ; стоит закрыть вкладку — и файлов нет.

Какие ещё применения, кроме ретуши?

Сравнение спутниковых снимков (наводнения, вырубки), маркетинговые фото товара «до/после», прогресс в фитнесе, сопоставление рентгеновских снимков в медицинском обучении, а также итерации макетов дизайна.

Похожие инструменты