Объединить фото — собрать коллаж из нескольких снимков
Соберите фото в один коллаж или склеенное изображение в браузере. Шаги: добавьте файлы, выберите горизонт/вертикаль/сетку, задайте отступ и фон, объедините, скачайте JPEG/WebP/PNG. Пример: три образца в ряд, белый фон, отступ 8 px → один WebP — файлы не покидают устройство; опциональные пресеты размеров для типичных постов.
Как это работает
Добавьте два и более изображения, при необходимости измените порядок, выберите макет, отступ и фон, затем объедините. Страница локально строит холст, рисует каждое фото по порядку, может масштабировать результат под типичные квадрат или превью ссылки, и даёт скачать — без загрузки на сервер.
Правила макета
Размер холста по формулам ниже. В сетке ячейки одной ширины и высоты; «вместить» даёт поля, «заполнить» обрезает.
- Горизонт: высота = max исходников; каждое масштабируется к этой высоте; ширина = сумма масштабированных ширин + (n−1)×отступ.
- Вертикаль: ширина = max исходников; каждое масштабируется к этой ширине; высота = сумма масштабированных высот + (n−1)×отступ.
- Сетка: 2–4 столбца; строк = ceil(n/столбцы); ячейка = max ширина × max высота; отступ между ячейками; вместить или заполнить внутри ячейки.
- Пресеты вписывают готовый коллаж в 1080×1080 или 1200×630 с вашим фоном (типичные размеры, не гарантия модерации). Фон заливается до рисования.
Пример
Загрузите трёхцветный образец, Горизонт, отступ 8 px, белый фон, WebP 0,90, пресет Нет, объедините. Должна получиться полоса ~728×180 px. Сетка 3 столбца — один ряд равных ячеек.
Подходит для
- До/после: две фото рядом для отзывов или прогресса.
- Шаги туториала: скриншоты вертикально в одно длинное изображение.
- Ракурсы товара или storyboard: сетка 3×3, затем сжатие если файл тяжёлый.
Frequently asked questions
Загружаются ли мои фото?
Нет. Декодирование, вёрстка и экспорт в браузере. В Network нет POST изображений.
Чем горизонт отличается от вертикали?
Горизонт выравнивает высоту и растёт в ширину; вертикаль — ширину и растёт в высоту. Сетка — фиксированные ячейки с вместить/заполнить.
Гарантируют ли пресеты 1080/1200 одобрение Instagram/Facebook?
Нет. Это лишь типичные размеры вывода. Правила платформ меняются — проверяйте приложение публикации.
Что с анимированным GIF?
Декодируется и рисуется только первый кадр. Анимация в выводе не сохраняется.
Почему падает огромный коллаж?
Стороны выше ~8192 px или слишком много мегапикселей могут превысить память браузера. Уменьшите число файлов, столбцы сетки или обрежьте исходники.
Related tools
Вопросы и отзывы
Что-то неясно, сломано или отсутствует? Напишите сообщение ниже — мы читаем каждую заметку об этих инструментах.