Сетка изображений для ленты соцсети
Соберите несколько фото в сетку 3×3 — при просмотре в ленте соцсети это выглядит аккуратнее, и не нужно вручную обрезать каждое фото в квадрат.
Обработка на устройстве, без загрузки
Бесплатно, без водяных знаков
Длинная склейка / сетка 3×3 / шаблоны
Коллаж из фото — объедините несколько снимков в одну картинку
Способ раскладки
Столбцов в сетке
Шаблон
Этому шаблону нужно 2 изображения: одно слева, одно справа (лишние не используются)
Отступ между изображениями 8px
Цвет фона
Формат экспорта
Перетащите маркер слева от строки или используйте кнопки вверх/вниз, чтобы изменить порядок изображений в итоговом коллаже
Загрузите несколько изображений, выберите горизонтальную или вертикальную длинную склейку, сетку 3×3 или готовый шаблон раскладки; перетаскиванием измените порядок, настройте отступы и цвет фона, нажмите «Собрать» — и получите одну объединённую картинку. Подходит для сравнительных изображений, склейки длинных скриншотов, сетки для соцсетей — всё прямо в браузере, без загрузки на сервер.
30максимум изображений за раз
4типа раскладки
0водяных знаков и оплаты
Без загрузки на сервер
Загрузка, раскладка и сборка нескольких изображений происходят полностью в браузере
Длинные склейки, сетка и шаблоны
Горизонтальная/вертикальная склейка, сетка 3×3, а также готовые шаблоны сравнения и журнальной раскладки
Свободная настройка порядка
Перетаскивайте или используйте кнопки вверх/вниз для изменения положения каждого изображения в результате
Бесплатно без водяных знаков
Не нужна регистрация или оплата, результат коллажа не содержит никаких водяных знаков
Типичные сценарии
Эти запросы на коллаж решаются одним инструментом
Сравнительная картинка, склейка длинных скриншотов или сетка для публикации в соцсети — выберите правильную раскладку и получите результат за один раз.
Сравнительная картинка (до/после обработки или ремонта)
Соберите фото «до» и «после» горизонтально или сеткой в одну сравнительную картинку — удобно отправить клиенту или опубликовать в обзоре, не переключаясь между двумя файлами.
Склейка длинных скриншотов и переписки
Соберите несколько скриншотов переписки или веб-страницы вертикально в одну длинную картинку — при сохранении или пересылке не придётся отправлять кучу отдельных файлов.
Описание раскладок
Когда использовать горизонтальную, вертикальную, сетку и шаблоны
Свободная раскладка подходит для любого количества изображений; готовые шаблоны — это фиксированные неравные ячейки, подходящие для сравнения и раскладок в журнальном стиле.
| Способ раскладки | Логика сборки | Подходит для |
|---|---|---|
| Горизонтальная склейка | Все изображения масштабируются до одной высоты и располагаются рядом по горизонтали, ширина рассчитывается по пропорциям каждого — без обрезки содержимого | Несколько вертикальных фото объединяются в горизонтальную сравнительную картинку или длинную склейку |
| Вертикальная склейка | Все изображения масштабируются до одной ширины и располагаются друг под другом, высота рассчитывается по пропорциям каждого — без обрезки содержимого | Несколько горизонтальных скриншотов или переписки объединяются в одну вертикальную длинную картинку |
| Сетка 3×3 | Автоматическое разбиение на строки по заданному числу столбцов, каждое изображение обрезается по центру и заполняет квадратную ячейку (как сетка в ленте соцсети) — аккуратно даже при разных пропорциях исходников | Сетка изображений для ленты соцсети, быстрый предпросмотр раскладки нескольких фото |
| Готовый шаблон | Раскладка по фиксированным неравным ячейкам (сравнение слева-справа, главное фото + два малых, журнальная раскладка из 5 и другие), каждая ячейка заполняется с обрезкой по контуру, число изображений определяется шаблоном | Сравнение до/после, акцент на главном фото, многофотографная раскладка в журнальном стиле |
Чтобы ячейки сетки и шаблонов выглядели аккуратно, изображения пропорционально увеличиваются и обрезаются по центру для полного заполнения ячейки (лишнее обрезается, искажений не будет); если не хотите обрезать содержимое кадра, используйте горизонтальную или вертикальную склейку.
Как использовать
Сборка коллажа за 4 шага
Не нужно устанавливать никаких программ — всё происходит прямо в браузере.
-
1
Загрузите изображения
Нажмите, чтобы выбрать файлы, или перетащите их на страницу — минимум 2 (для шаблонов количество определяется выбранным вариантом), максимум 30, до 20 МБ на файл.
-
2
Выберите способ раскладки
Горизонтальная или вертикальная склейка, сетка 3×3 или готовый шаблон; для сетки можно указать число столбцов, для шаблонов — переключаться между вариантами сравнения, главного фото и другими; затем настройте отступы и цвет фона.
-
3
Настройте порядок изображений
Перетащите маркер слева от строки или используйте кнопки вверх/вниз, чтобы расставить изображения в нужном порядке; в режиме шаблона первые изображения по очереди заполнят ячейки.
-
4
Соберите и скачайте
Нажмите «Начать сборку» — результат будет готов за несколько секунд, проверьте его и скачайте.
Техническое пояснение
Что важно знать про локальную сборку коллажа
01
Полная сборка прямо в браузере
С помощью встроенных возможностей Canvas браузер последовательно рисует несколько изображений на одном холсте по заданной раскладке и экспортирует результат прямо на вашем устройстве, без обращения к какому-либо серверу — исходные изображения и результат коллажа остаются только в памяти вашего устройства.
02
Почему коллаж не считается «пакетной обработкой»
Пакетная обработка означает «несколько изображений обрабатываются независимо и дают несколько отдельных результатов» (например, пакетное сжатие даёт несколько сжатых файлов); а коллаж — это объединение нескольких изображений в один результат, то есть разовая операция сборки раскладки. Поэтому пакетный режим здесь не предусмотрен, но при этом можно выбрать сразу несколько изображений для одной сборки.
Частые вопросы
Что чаще всего спрашивают про коллаж из фото
Поддерживает ли сборка коллажа пакетную обработку?
Коллаж по своей сути объединяет несколько изображений в один результат — семантики «каждое изображение обрабатывается отдельно» здесь нет, поэтому это не пакетный инструмент в привычном смысле; но он сам по себе поддерживает выбор до 30 изображений за одну сборку — в этом его отличие и та же эффективность, что и у пакетных инструментов.
Почему сетка 3×3 обрезает часть изображения?
Чтобы каждое изображение аккуратно заполняло одинаковую квадратную ячейку (визуально выглядит опрятнее), в режиме сетки изображение пропорционально увеличивается и обрезается по центру — лишнее за пределами ячейки удаляется без искажения кадра. Если не хотите обрезать содержимое, используйте горизонтальную или вертикальную склейку — оба варианта сохраняют содержимое каждого изображения полностью.
Можно ли изменить порядок изображений в коллаже?
Да. После загрузки каждое изображение отображается в списке ниже — на компьютере можно перетащить маркер слева от строки, чтобы изменить порядок, либо использовать кнопки вверх/вниз (удобнее на сенсорном экране); порядок в списке соответствует итоговому расположению слева направо или сверху вниз.
Для чего нужны настройки цвета фона и отступов?
Отступ управляет шириной промежутка между изображениями — при значении 0 они соединяются без зазора; цвет фона заполняет эти промежутки, а также незаполненные ячейки в последней строке сетки; по умолчанию используется белый цвет, но можно выбрать любой другой.
Сборка коллажа происходит на моём компьютере или телефоне, или файлы загружаются на сервер?
Всё происходит прямо в браузере на вашем текущем устройстве — с помощью встроенных возможностей Canvas несколько изображений объединяются в один результат, исходные файлы никогда не загружаются на какой-либо сервер.
В чём разница между готовым шаблоном и сеткой?
Сетка — это равномерные строки и столбцы, количество изображений не ограничено, число столбцов настраивается; готовый шаблон — это фиксированная неравная раскладка (например, крупное фото слева и два малых справа), каждому шаблону нужно определённое количество изображений, а лишние не участвуют в сборке. Для сравнения или журнальной раскладки используйте шаблон, а для аккуратного размещения произвольного количества изображений — сетку.
Будет ли на готовом коллаже водяной знак?
Нет. Результат сборки не содержит никаких водяных знаков или меток; если нужно защитить авторство готового коллажа, воспользуйтесь отдельно инструментом «Водяной знак», чтобы добавить собственную метку.
Загрузите изображения прямо сейчас — соберите коллаж за несколько секунд
Без регистрации, без ожидания — обработали и сразу скачали.