Как объединить фото в одно: макеты, размеры и приложения

Почти любой запрос на объединение картинок укладывается в одну из четырёх схем. Рядом — от двух до четырёх изображений в одном ряду: так выглядят «до и после», товар в двух цветах или пара «тогда и сейчас». Вертикальный столбец выстраивает изображения сверху вниз: так пять скриншотов длинной переписки, чека или рецепта превращаются в одну высокую картинку, которую удобно прокручивать на телефоне. Сетка заполняет строки и столбцы, 2 × 2 для четырёх снимков или 3 × 3 для девяти, и это классический коллаж. Четвёртая, менее очевидная схема — одна длинная лента, которую потом режут на слайды.

Про ленту стоит знать, потому что именно так делают сплошные карусели в Instagram. Три вертикальных слайда 1080 × 1350 px, поставленные вплотную, образуют холст 3240 × 1350 px. Вы оформляете или объединяете всю ленту целиком, поэтому панорама или объект могут переходить через границы слайдов, а затем режете её на три равные части инструментом разделить изображение. Когда человек листает, картинка продолжается от слайда к слайду. В 2024 году Instagram увеличил лимит карусели с 10 до 20 слайдов, так что лента может быть намного длиннее, чем раньше.

Схему важно выбрать заранее, потому что она определяет, какую сторону должны делить все картинки. Для ряда нужна одна высота, для столбца — одна ширина, для сетки — один размер ячейки, то есть обычно одно соотношение сторон. Она же влияет на размер файла: ряд растёт в ширину с каждой картинкой, столбец — в высоту, а сетка — в обе стороны. Карточки ниже показывают пропорции типичного результата для каждой схемы, чтобы вы представили итоговый холст до начала работы.

У фото из разных источников почти никогда не совпадают размеры. Фото с iPhone — 4032 × 3024 px, скриншот с того же телефона может быть 1179 × 2556 px, а картинка с сайта — 800 × 600 px. Если поставить их рядом без изменений, получится рваный край, крошечная картинка рядом с огромной и белые или чёрные полосы в пустых местах. Решение — привести картинки к одному размеру по общей стороне: для ряда измените размер каждой до одной высоты, например 1080 px; для столбца — до одной ширины, например 1080 или 1179 px.

Если различаются ещё и пропорции, одного масштабирования мало. Вертикальное и горизонтальное фото одной высоты всё равно сильно отличаются по ширине, и в «до и после» это выглядит несбалансированно. Сначала обрежьте оба до одного соотношения сторон, надёжны 4:5 или 1:1, а затем выровняйте размер. В нашем руководстве как обрезать изображение под нужное соотношение показано, как выбрать пропорции и сохранить объект по центру. Чтобы просто задать точное число пикселей, измените размер изображения до объединения или доверьте это инструменту объединения.

Всегда уменьшайте до самой маленькой картинки, а не увеличивайте до самой большой. Если сжать фото 4032 px до 1080 px, оно останется чётким; если растянуть скриншот 600 px до 1080 px, каждая буква расплывётся, и мягкая картинка будет выделяться рядом с чёткими. В инструменте объединить изображения параметр Выравнивание размеров в режиме Авто задаёт ряду одну высоту, а столбцу одну ширину, а По наименьшему гарантирует, что ничто не будет увеличено.

Зазор — это пустое пространство между картинками. Нулевой зазор ставит их вплотную, что подходит для ленты карусели или длинного скриншота, где стык должен исчезнуть. Тонкий зазор 10–20 px при ширине картинки 1080 px, примерно 1–2% ширины, выглядит как намеренная линия и делает сетку аккуратной. Сделайте внешнюю рамку равной зазору, чтобы края смотрелись ровно. Зазор и рамка получают цвет фона: белый чисто смотрится в большинстве лент, чёрный подходит тёмным и ночным снимкам, а светло-серый вроде #F2F2F2 смягчает сетку и не выглядит пустой страницей.

Размер результата — простая арифметика, и он растёт быстрее, чем ожидают. Четыре фото с телефона по 4032 px, поставленные рядом, дают картинку шире 16 000 px — это намного больше, чем показывает любой экран, и больше, чем принимают многие приложения. Для отправки в чате, по почте или в соцсетях держите итоговую ширину не больше 4000 px; для большинства телефонов хватает 2048 px, а 1080 px соответствует Instagram. Мессенджеры всё равно пересжимают крупные изображения, поэтому оригинал разумного размера переносит их сжатие лучше гигантского.

Формат зависит от содержимого. Скриншоты, графики и всё с текстом лучше сохранять в PNG: он без потерь и сохраняет чёткость букв. Фото лучше сохранять в JPG с качеством 80–85: он выглядит как исходник, а весит в разы меньше. Высокий PNG из фотографий легко достигает 20 MB и больше, а тот же столбец в JPG обычно занимает несколько мегабайт. Помните, что JPG не поддерживает прозрачность, поэтому прозрачный зазор станет белым, и что у JPEG жёсткий предел 65 535 px по любой стороне — это важно только для очень длинных столбцов.

В приложении «Фото» на iPhone нет коллажей и объединения, зато есть приложение «Команды» (Shortcuts). Его действие Combine Images соединяет любое число выбранных фото по горизонтали, вертикали или сеткой с заданным в пикселях отступом, а следующее действие Save to Photo Album сохраняет результат в медиатеку. «Команды» встроены в iOS начиная с iOS 13 и появились на Mac с macOS Monterey в 2021 году, так что одна и та же команда работает на обоих устройствах. На Android в Google Фото среди инструментов создания есть Коллаж с готовыми шаблонами для нескольких картинок, а в Samsung Gallery — Создать → Коллаж для двух–шести изображений.

На компьютере придётся импровизировать. В Windows Paint можно увеличить холст, вставить вторую картинку и перетащить на место: для двух изображений это работает, но точно выровнять трудно. PowerPoint точнее: задайте нужный размер слайда, расположите картинки инструментами выравнивания, затем экспортируйте слайд в PNG или JPG. Просмотр в macOS хорошо меняет размер изображений в Инструменты → Настроить размер, но не умеет расширять холст и соединять файлы, поэтому на Mac используйте действие из «Команд», Keynote или онлайн-инструмент. Canva и онлайн-инструменты объединения дают точный контроль над зазорами, фоном и размером результата.

Склеивание скриншотов — это вертикальный столбец с одной дополнительной проблемой: перекрытием. Когда вы прокручиваете и снимаете снова, низ одного снимка обычно повторяется вверху следующего, и простой столбец показывает одно и то же сообщение или строку дважды. Перед объединением обрежьте повторяющуюся полосу сверху у каждого следующего скриншота, оставив одну–две строки контекста, чтобы читатель увидел стык. Android 12 и новее умеет делать скриншот с прокруткой через Capture more, а Safari на iPhone сохраняет снимок страницы целиком как PDF, но это работает не во всех приложениях, поэтому ручная склейка остаётся обычным способом для переписок и экранов приложений.

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

Фото с телефона содержат метаданные EXIF: модель камеры, дату и время, а часто и точные GPS-координаты места съёмки. Объединённое изображение — это новый файл, нарисованный на чистом холсте, и большинство инструментов не копируют в него EXIF исходных фото. Обычно это именно то, что нужно перед публикацией коллажа с вашим домом или школой ребёнка. Но не полагайтесь на это слепо. Проверьте результат в окне «Свойства» или «Информация» файла (на iPhone смахните по фото вверх) и поищите геопозицию, прежде чем выкладывать снимок в открытый доступ.

При печати цель меняется: вместо пикселей на экране важны пиксели на дюйм. Фотолаборатории печатают с разрешением 300 dpi, поэтому для отпечатка 4 × 6 дюймов нужно 1200 × 1800 px, а для 5 × 7 дюймов — 1500 × 2100 px. Лист A4 при 300 dpi — это 2480 × 3508 px, а US Letter — 2550 × 3300 px. Соберите коллаж в этих размерах, оставив между фото промежуток 20–30 px, чтобы они визуально не слипались, и добавьте несколько миллиметров полей: лаборатории слегка обрезают края.

Перед объединением подберите сетку под пропорции бумаги, иначе лаборатория обрежет изображение или добавит поля, чтобы вписать его в лист. Отпечаток 4 × 6 имеет пропорции 2:3, поэтому сетка из 2 столбцов и 3 строк с квадратными фото заполняет его точно, а сетка 3 × 3 из квадратов оставит полосы сверху и снизу. Если коллаж нужен для портала или письма, а не для принтера, уменьшите размер изображения в KB уже после объединения, а не до него.

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

Проверьте готовое изображение в масштабе 100%, а не только как миниатюру. Посмотрите на стыки, самый мелкий текст и размер файла в файловом менеджере. Если создание фотосетки или другой инструмент дало слишком большой файл, сначала уменьшите ширину, а не качество JPG: вдвое меньшая ширина сокращает файл примерно в четыре раза, а при обычном просмотре снимок остаётся чётким. Снижайте качество ниже 80, только если ширина уже такая, как нужно.