Соединить несколько фото в одно

«Рядом» выстраивает изображения в ряд слева направо. Это удобно для двух-трёх фото похожего формата: сравнения «до и после», двух вариантов дизайна или двух снимков в одном посте. Если фото больше трёх-четырёх, ряд становится слишком широким, и на экране телефона каждое выглядит крошечным.

«Друг под другом» складывает изображения в столбец сверху вниз. Так естественно склеивать скриншоты переписки в Telegram, шаги инструкции или длинную страницу, снятую по частям. Вертикальные фото в столбце получаются очень длинными, поэтому для них обычно лучше ряд или сетка.

«Сетка» раскладывает четыре и больше изображений по строкам и столбцам. В режиме «Авто» до трёх изображений остаются в одном ряду, четыре образуют сетку 2×2, девять — 3×3, а двадцать — пять столбцов на четыре ряда. Можно и самому задать от 2 до 6 столбцов. Если последний ряд неполный, параметр «Последний ряд» решает, прижать его влево, по центру или вправо.

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

Фотографии редко бывают одного размера, а вручную подгонять снимок шириной 4000 пикселей к скриншоту шириной 1200 — утомительно. В ряду «Одинаковая высота» приводит все изображения к общей высоте, и верхние и нижние края совпадают; в столбце то же самое делает «Одинаковая ширина» с боковыми краями. Пропорции всегда сохраняются, так что ничего не растягивается.

«Подогнать под» определяет, чью высоту или ширину берут все. По умолчанию выбрано «Самое маленькое»: всё уменьшается до самого маленького снимка, ничего не увеличивается, и каждое изображение остаётся чётким. «Самое большое», наоборот, увеличивает маленькие изображения — результат получается крупнее, но они могут стать мыльными.

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

В сетке у всех ячеек одинаковая форма. «Авто» берёт форму медианного изображения, чтобы одна панорама среди вертикальных снимков не диктовала форму всей сетки; 1:1, 4:5 и 16:9 задают квадратные, вертикальные или широкие ячейки. «Заполнить и обрезать» заполняет ячейку целиком и срезает лишнее, а «Показать целиком» сохраняет каждый снимок полностью и оставляет фон вокруг тех, чья форма не совпадает с ячейкой. «Размер ячеек по» работает так же, как «Подогнать под», — по самому маленькому или самому большому изображению.

Переключитесь в режим «Наложить», чтобы сложить изображения слоями, а не ставить рядом. Результат получает размер фонового изображения, а всё, что выходит у слоя за его края, обрезается.

1. Сначала добавьте фоновое изображение, затем те, что будут сверху. Первое в списке становится фоном, следующие пять — слоями 1–5; более поздние слои лежат поверх ранних, поэтому меняйте порядок миниатюр, чтобы решить, что будет на переднем плане.

2. Перетащите слой на предпросмотре на нужное место. Он прилипает к краям и центру фона и показывает направляющую; удерживайте Alt при перетаскивании, чтобы ставить его свободно. На сенсорном экране двигайте слой пальцем.

3. Задайте «Размер» в процентах от ширины фона — от 1% до 200%, поверните слой ползунком «Поворот» и сделайте прозрачнее ползунком «Непрозрачность». Чтобы сдвинуть слой ровно на пиксель, выберите его и нажимайте стрелки; с Shift каждое нажатие сдвигает его на 10 пикселей.

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

Непрозрачность определяет, насколько виден слой. При 100% он полностью закрывает фон, при 50% два изображения смешиваются поровну. Сделайте слой той же формы, что и фон, поставьте размер 100% и снизьте непрозрачность — одна картинка плавно проступит в другой, как при двойной экспозиции. Прозрачность одинакова по всему слою: градиентных переходов этот инструмент не делает.

Режимы наложения смешивают слой с тем, что под ним, по тем же стандартным формулам, что и одноимённые режимы в большинстве графических редакторов. Стоит запомнить два. «Умножение» убирает белое, поэтому подпись или логотип, отсканированные на белой бумаге, ложатся на фото без белого прямоугольника. «Экран» убирает чёрное, поэтому салют, блики или звёзды, снятые на чёрном фоне, вписываются сами. Таблица ниже сравнивает все шесть режимов.

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

Этот инструмент накладывает изображения, а не текст. Чтобы написать текстовый водяной знак на фото, воспользуйтесь фоторедактором, а чтобы пометить каждую страницу документа — добавьте водяной знак в PDF.

Фон заполняет промежутки, рамку и пустое место рядом с изображениями, которые не занимают всю свою ячейку. Белый и чёрный — в один клик, «Свой цвет» принимает любой оттенок, а «Прозрачный» оставляет эти области пустыми. На предпросмотре прозрачные пиксели отмечены шахматным узором.

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

PNG сохраняет без потерь и с прозрачностью — подходит для скриншотов, графики и всего, что на прозрачном фоне. JPG даёт самый лёгкий файл для фотографий, но не поддерживает прозрачность, и такие области становятся белыми. WebP сохраняет прозрачность и обычно легче PNG. Инструмент предлагает PNG, если в результате есть прозрачные области или среди изображений есть не фотографии, и JPG, если все изображения — фото; выбор можно изменить.

Из анимированного GIF берётся первый кадр, потому что результат — статичная картинка. Фото HEIC с iPhone и файлы AVIF открываются как обычные изображения, а готовую картинку можно скачать в PNG, JPG или WebP.

Предпросмотр работает с уменьшенными копиями, чтобы мгновенно перерисовываться, пока вы меняете настройки. Файл для скачивания заново собирается из оригиналов в полном разрешении, так что низкое разрешение предпросмотра в него не попадает.

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

JPG и WebP сохраняются с качеством 92, если его не менять, — на фотографии это почти не отличить от оригинала; ползунок работает от 50 до 100. PNG всегда без потерь. Если файл получился слишком тяжёлым, пропустите его через сжатие изображений или измените размер фото под точные требования сайта.

У очень больших результатов есть предел, чтобы браузеру хватило памяти: 40 мегапикселей или 16 384 пикселя по стороне на компьютере и около 16,7 мегапикселя на телефонах и планшетах. Раскладка крупнее уменьшается целиком, и инструмент сообщает об этом и показывает, каким был бы полный размер. Фотографии поворачиваются по EXIF-ориентации, а поскольку файл создаётся заново, данные камеры и GPS-координаты в него не переносятся.

Приведите изображения к одной форме перед объединением. Две фотографии 4:3 идеально встают рядом, а 4:3 рядом с 9:16 оставит пустое место или будет обрезана. Инструмент «Обрезать изображение» поможет заранее задать обеим одинаковые пропорции.

Для «до и после» сохраняйте одинаковый ракурс, ставьте исходный снимок первым и включайте «Одинаковая высота» вместе с подписями. Промежуток 10–20 пикселей белого или чёрного цвета читается как намеренный разделитель; без промежутка два фото сливаются в одно.

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

Чтобы поставить человека или товар на новый фон, сначала вырежьте его с помощью удаления фона, а потом в режиме «Наложить» добавьте первым новый фон, а вторым — вырезанный объект. Перед публикацией на Авито или во ВКонтакте полезно узнать размер изображения — и в пикселях, и в мегабайтах. Для однотонного фона создайте пустую картинку нужного размера и добавьте её первой.