Сравнение изображений с ползунком

Сравните два изображения рядом или с ползунком

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

Всё работает в вашем браузере. Оба изображения декодируются на canvas и рисуются локально, поэтому ничего не загружается, а ваша работа остаётся приватной. Если изображения разного размера, второе масштабируется до первого, чтобы ползунок совпадал от края до края. Это идеально для проверки правок фото, ретуши, апскейла нейросетью, уровней сжатия JPG и правок дизайна без отправки файлов куда-либо.

Когда полезен ползунок сравнения

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

Советы для точного сравнения

Для наиболее точного сравнения экспортируйте оба изображения с одинаковыми размерами и одинаковой обрезкой, чтобы остались только настоящие различия. Выровняйте один и тот же объект на обоих снимках; даже небольшой сдвиг может выглядеть как изменение, хотя это лишь движение. Используйте режим рядом, чтобы воспринять оба изображения целиком, а затем переключитесь на ползунок, чтобы провести по сложному участку. Всё обновляется в реальном времени, так что меняйте любое из изображений в любой момент, чтобы сравнить новую пару.