Создание изображения До и После

Создайте одно изображение до и после

Изображение до и после — один из самых убедительных способов показать перемены: уборку, ремонт, редактирование, фитнес-путь, реставрацию или результат применения продукта. Вместо того чтобы публиковать два отдельных фото, которые зрителям приходится сравнивать в уме, этот конструктор изображений до и после объединяет их в одно понятное сравнительное изображение. Вы загружаете фото «до» и фото «после», выбираете расположение и скачиваете один PNG, который мгновенно читается в ленте, на слайде или в сообщении.

Этот инструмент создаёт статичное сравнение, а не интерактивный ползунок. Это сделано намеренно: обычное изображение работает везде — в мессенджерах, на маркетплейсах, в печати, презентациях и на платформах, которые удаляют скрипты, тогда как интерактивный ползунок работает только на веб-странице, которая его поддерживает. Композиция рисуется полностью на стороне клиента с помощью Canvas API, поэтому оба изображения остаются на вашем устройстве, и ничего не загружается.

Макеты «рядом» или с разделением

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

Подписи и приватный экспорт в PNG

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