Объединение изображений — соедините изображения рядом или друг под другом

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

Что такое объединение изображений

Этот инструмент объединяет несколько изображений в один файл вдоль одной оси. Выберите «Рядом» — и он измерит каждое изображение, сложит их ширины, добавит отступы между соседними и создаст canvas такой ширины; высота canvas равна высоте самого высокого изображения в наборе. Выберите «Друг под другом» — и та же арифметика выполняется по другой оси: высоты складываются, а ширина canvas берётся от самого широкого изображения. Затем каждое изображение отрисовывается один раз в своём исходном пиксельном размере, в порядке, показанном в списке, без какого-либо масштабирования. Этот последний момент важнее, чем может показаться. Если изображения в горизонтальном объединении не одной высоты, более низкие не смогут заполнить canvas целиком, поэтому оставшаяся полоса сверху или снизу от них закрашивается цветом фона, а настройка Align определяет, окажется ли невысокое изображение вверху, посередине или внизу своего места. То же самое касается более узких изображений при объединении друг под другом. Отступ работает так же — это цвет фона, а не пустые пиксели, поэтому промежуток в 20px между двумя фото — это полоса шириной 20px выбранного вами цвета. Вывод — PNG или JPG. PNG может сохранить фон по-настоящему прозрачным, что полезно, если у исходных изображений уже есть своя прозрачность; JPG не может, потому что у формата нет альфа-канала, поэтому выбор прозрачности сводится к белому. Это только линейное соединение: без сеток, без шаблонов, без автоматической раскладки.

Зачем объединять изображения

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

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

Как объединить изображения

Четыре шага, все выполняются локально в браузере — изображения декодируются, отрисовываются на canvas и кодируются без отправки куда-либо.

1

Добавьте минимум два изображения; используйте «Добавить ещё», чтобы продолжать пополнять набор

2

Проверьте список порядка объединения и переместите файлы вверх или вниз, пока последовательность не станет верной

3

Выберите «Рядом» или «Друг под другом», затем задайте отступ, цвет фона и выравнивание для изображений разного размера

4

Выберите PNG или JPG, примените и скачайте единый объединённый файл

Часто задаваемые вопросы

Они всё равно отрисовываются в исходном размере — ничего не растягивается и не сжимается. При горизонтальном объединении canvas берёт высоту самого высокого изображения, и каждое более низкое изображение оставляет промежуток, заполняемый цветом фона. Настройка «Выравнивание» определяет, где окажется этот промежуток: сверху, снизу или поровну по краям при выборе «По центру». Объединение друг под другом работает так же, но по ширине.
Нет, и это осознанное решение. Автоматическое масштабирование до общей высоты пересэмплировало бы каждое изображение, размывая детали и незаметно меняя соотношение сторон у всего, что не совпадало изначально. Если нужна полоса без швов, сначала приведите изображения к одинаковой высоте или ширине инструментом Resize, а затем объедините их. Выполнение этого в два явных шага означает, что пересэмплирование выбираете вы, а не объединение делает это незаметно за вас.
Порядок по умолчанию — это порядок, в котором вы добавляли файлы: слева направо для горизонтального объединения и сверху вниз для объединения друг под другом. Панель управления показывает каждое изображение с номером позиции и стрелками вверх и вниз, чтобы вы могли переставить их перед применением. Изображения, добавленные позже, попадают в конец списка, откуда их можно переместить на нужное место.
Этот инструмент делает одну вещь: выстраивает изображения в один ряд или один столбец, в исходном размере, в заданном вами порядке. Инструмент «Коллаж» размещает изображения в сетке по шаблонам раскладки и сам подгоняет их под ячейки. Используйте объединение, когда точно знаете нужную последовательность и важно, чтобы пиксели остались нетронутыми; используйте коллаж, когда нужна многорядная раскладка, собранная за вас.
Жёсткого лимита в инструменте нет, но есть практическое ограничение. Поскольку ничего не уменьшается, объединённый canvas растёт с каждым добавленным изображением, а браузеры ограничивают размеры canvas — примерно 16 000–65 000 пикселей по стороне в зависимости от браузера и устройства. Объединение десятка полноразмерных фото рядом может превысить этот предел и завершиться ошибкой или пустым результатом. Меньшее число изображений меньшего размера безопаснее, особенно на телефонах.
Да, если экспортировать в PNG. Включите «Прозрачный», и заливка фона полностью пропускается, поэтому промежутки отступов и поля вокруг неравных изображений остаются прозрачными, а любая прозрачность в исходных изображениях сохраняется. У JPG вообще нет альфа-канала, поэтому опция отключена при выводе в JPG, а фон сводится к сплошному цвету. Выбирайте PNG всегда, когда важна прозрачность.
Нет. Декодирование, компоновка и кодирование происходят прямо в браузере через canvas API, поэтому данные изображений никогда не покидают ваше устройство. Ничего не сохраняется, аккаунт не нужен. Компромисс в том, что работу выполняют память и процессор вашего устройства, поэтому очень крупные объединения ограничены именно вашим железом, а не лимитом загрузки.
Примерно суммой размеров частей, а часто и больше. Объединённый canvas содержит все исходные пиксели плюс фон, заполняющий отступы и промежутки выравнивания, поэтому PNG из четырёх фото обычно будет крупнее суммы четырёх оригиналов, поскольку PNG неэффективно хранит фотографические данные. Вывод в JPG для фото гораздо компактнее, но перекодирует с потерями. Если размер важен, экспортируйте в JPG или пропустите результат через инструмент «Сжать Изображение».

Другие инструменты для изображений

Откройте другие мощные инструменты для редактирования изображений

Сжать Изображение

Уменьшить размер

Изменить Размер

Изменить размеры

Обрезать Изображение

Вырезать область

Конвертировать Формат

Изменить формат

Фоторедактор

Редактировать фото

Повернуть Изображение

Повернуть

Отразить Изображение

По горизонтали/вертикали

Добавить Водяной Знак

Водяной знак

Добавить Рамку

Добавить рамку изображения

Закругленные Углы

Добавить закругленные углы

Фильтры

Яркость/Контраст

Размыть Лицо

Скрыть лица

Мозаика

Размыть области

Удалить Фон

Удалить фон

Улучшить Изображение

ИИ апскейл

Добавить Текст

Добавить текст на изображение

Коллаж

Объединить несколько изображений

HTML в Изображение

Веб в изображение

GIF в Последовательность

Извлечь кадры

Удалить пустые поля

Удалить пустые края

Пакетное переименование изображений

Безопасное массовое переименование файлов

Круговая обрезка

Обрезка изображений в круг

Чёрно-белое

Конвертация изображений в оттенки серого

Разделить изображение

Разрезать изображение на сетку

Изменить DPI

Установить метаданные DPI изображения

Изображение в Base64

Кодирование изображений в Base64

Изображения в PDF

Объедините изображения в один PDF

Конвертер HEIC в JPG

Конвертируйте фото iPhone из HEIC в JPG

Удаление EXIF

Просмотр и удаление скрытых метаданных фото, включая геолокацию GPS

Генератор фавиконок

Полный набор иконок и HTML-код

Цветовая палитра

Извлечь цвета из изображения

Base64 в изображение

Декодировать Base64 обратно в изображение

HEIC в PNG

Конвертировать фото HEIC с iPhone в PNG без потерь

Текст за изображением

Разместите текст позади объекта на фото прямо в браузере

Пипетка

Узнать HEX, RGB и HSL любого пикселя

Создание подписи

Нарисуйте подпись и скачайте её прозрачным PNG

Удаление фона подписи

Чернила с бумаги на прозрачном фоне

Прозрачный фон

Сделать фон прозрачным