РуководствоДо и послеКак сделать

Фото до и после: как сделать честное и понятное сравнение бок о бок

7 мин чтенияОпубликовано 2026-08-22

Телефон с картинкой «до и после» балкона: голый бетон слева и цветущие цветы справа

«До и после» работает, когда единственное, что изменилось между двумя фото, и есть то, что вы хотите показать. Другой свет, другой ракурс или другое кадрирование, и сравнение лжет, даже если перемена настоящая. Вот как снять пару, скадрировать, подписать и выбрать размер: для ремонта, стрижки, сада, тренировок или товара.

1. Снимите пару одинаково

Сравнение решается в момент съемки второго фото, а не в редакторе. Пять вещей, которые должны совпадать:

  • Позиция. Та же точка, та же высота, то же расстояние. Отметьте пол скотчем для ремонта; используйте тот же дверной проем или линию плитки как ориентир.
  • Объектив. Та же камера и тот же зум. Переход с широкоугольного объектива на основной меняет пропорции комнаты.
  • Свет. То же время дня или хотя бы тот же тип света. «До» в сером утреннем свете и «после» в золотой час продают свет, а не работу.
  • Ориентация. Оба вертикальные или оба горизонтальные.
  • Никакой обработки только с одной стороны. Если вы осветлили «после», осветлите «до» на столько же. Честная версия заодно и убедительная: люди замечают подтасованное сравнение и перестают верить настоящей перемене.

Если «до» уже существует и снято плохо, подгоняйте «после» под него, а не наоборот: встаньте туда, откуда снималось то фото, и повторите его кадрирование.

2. Равные ячейки, одинаковое кадрирование

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

Женщина в желтом дождевике смеется на улице с разноцветными домами
Серфингистка несет доску по пляжу на закате
Подросток прыгает на скейтборде в ярко раскрашенном скейтпарке
Вид сверху на полосатые пляжные зонтики у бирюзовой воды

Рядом для двух портретов, одно над другим для двух пейзажей. Направление следует за ориентацией, чтобы ничего не обрезалось.

Рядом читается слева направо: «до» слева. Одно над другим читается сверху вниз: «до» сверху. Никогда не смешивайте ориентации; если одно фото вертикальное, а другое горизонтальное, обрежьте оба до квадратной ячейки и смиритесь с потерей, вместо того чтобы растягивать одно из них.

Попробуйте со своими фото

Пусть Авто разложит их, а вы поправите что захотите.

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

Открыть StudioCollage

3. Зазор, разделитель и подписи

  • Без зазора получается одно изображение, разрезанное надвое: сильно для преобразования одной и той же сцены (комната, сад), потому что взгляд скользит через стык.
  • Тонкий зазор (6-10 пикселей на картинке шириной 1080) дает два момента: лучше для «тогда и сейчас» или для двух товаров.
  • Линия-разделитель цвета, взятого из фото, подходит для формата истории, где стык иначе пропал бы.
  • Подписи: ДО и ПОСЛЕ, коротко и прописными, одним шрифтом и размером, в одном и том же углу каждой ячейки, с тонкой обводкой или маленькой плашкой, чтобы читались на любом фоне. Держите их мелкими: подписи это указатели, а не сюжет. Обводка и размер разобраны в руководстве как добавить текст в коллаж.

4. Размеры по назначению

Куда идетРазмерРаскладка
Лента Instagram или Facebook, два вертикальных1080 x 1350Рядом, две ячейки около 535 x 1350
Лента Instagram или Facebook, два квадрата1080 x 1080Рядом, две ячейки около 535 x 1080
История, Reels, TikTok1080 x 1920Одно над другим, верхняя и нижняя полосы свободны
Страница товара или объявление1600 x 900 или 2000 x 1000Рядом, горизонтально
Миниатюра YouTube1280 x 720Рядом, крупные подписи
Печать, 8 x 10 дюймов (20 x 25 см)2400 x 3000Одно над другим, белый зазор

Полный список размеров для платформ и печати есть в размерах фотоколлажей.

5. Соберите онлайн, без приложения, без водяного знака

  • Откройте StudioCollage и выберите назначение (лента, история, свой размер для страницы товара).
  • Выберите раскладку из двух ячеек: рядом или одно над другим, по ориентации фото.
  • Перетащите «до» в первую ячейку, «после» во вторую. Двигайте внутри каждой ячейки, пока ориентир не совпадет; масштабируйте щипком или колесиком, если одно фото снято шире.
  • Установите зазор в ноль или тонкий, добавьте подписи ДО и ПОСЛЕ в одинаковых углах и скачайте в размере назначения.

Фото обрабатываются на вашем устройстве и никогда не загружаются, что важно, когда «до» это ванная клиента или ваше собственное фото прогресса. Шаги для каждого телефона и компьютера, включая встроенные инструменты, смотрите в руководстве как поставить два фото рядом.

6. Больше двух: серия прогресса

Ремонт в четырех этапах, год тренировок, растение за двенадцать месяцев: сравнение превращается в серию. Держитесь тех же правил (та же точка, то же кадрирование) и используйте полосу равных ячеек по порядку: четыре в ряд для поста в ленте, сетка 3x2 для шести этапов, сетка 4x3 для двенадцати месяцев. Подписывайте каждую ячейку датой или номером недели в одном и том же углу. В руководстве сколько фото ставить в коллаж даны размеры ячеек, при которых каждый этап остается читаемым.

Подросток прыгает на скейтборде в ярко раскрашенном скейтпарке
Вид сверху на полосатые пляжные зонтики у бирюзовой воды
Разноцветные воздушные шары над зеленой долиной на рассвете
Молодожены танцуют под аркой из бенгальских огней в сумерках
Ребенок пускает мыльные пузыри в солнечном саду
Щенок золотистого ретривера в праздничном колпаке на бирюзовом фоне
Пастельные шары на фоне голубого неба
Солнечные очки, ананас, шлепанцы и пленочный фотоаппарат на желтом фоне
Трое друзей смеются у торта со свечами, вокруг шары и конфетти
Рука держит два рожка мороженого на фоне розовой стены

Полоса из четырех этапов для поста, сетка из шести этапов для долгого проекта. Равные ячейки, один и тот же угол для подписей.

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

Как сделать картинку «до и после» на телефоне?

Поместите два фото в коллаж из двух ячеек, бок о бок для портретов или одно над другим для пейзажей, с равными ячейками и одинаковым кадрированием. На iPhone их объединит приложение «Быстрые команды»; на Android инструмент коллажа в галерее; браузерный редактор вроде StudioCollage делает это на обоих, с подписями и нужным размером экспорта.

«До и после» ставить рядом или одно над другим?

Рядом для вертикальных фото (человек, стрижка, дверной проем), одно над другим для горизонтальных (комната, сад, машина). Правило в том, чтобы не обрезать ни одно фото; направление следует за ориентацией.

Какого размера должно быть «до и после» для Instagram?

1080 x 1080 для ленты с двумя квадратными ячейками около 535 пикселей или 1080 x 1350 с двумя высокими ячейками, если оба фото вертикальные. Для истории поставьте их одно над другим в 1080 x 1920 и оставьте верхнюю и нижнюю полосы свободными.

Как сделать так, чтобы два фото совпадали?

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

Нужно ли подписывать «до» и «после»?

Обычно да: мелкие подписи в одинаковых углах (ДО слева или сверху, ПОСЛЕ справа или снизу) снимают любые сомнения в порядке чтения. Пропускайте их только когда порядок очевиден, например пустая комната и обставленная.

Бесплатно, без водяного знакаРаботает на этом телефоне Создать коллаж