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

Как это работает

1. 1
   Добавьте картинки Перетащите два или больше изображения в область загрузки либо щёлкните по ней и выберите файлы. Чтобы отметить сразу несколько, держите Ctrl (на Mac — Cmd). Подойдут JPG, PNG, WebP, GIF, BMP и AVIF. Новые файлы можно бросать прямо в рабочую область — они добавятся в конец списка.
2. 2
   Выберите раскладку и порядок Укажите «в ряд», «друг под другом» или «сетку». Кнопки ↑ и ↓ в списке меняют порядок, × убирает лишний файл. Для сетки задайте число столбцов. Режим «по минимальной» масштабирует все картинки к общей высоте (или ширине), чтобы стыки совпали; «как есть» оставляет исходные размеры, если они и так одинаковые.
3. 3
   Настройте отступы, фон и формат Ползунок зазора задаёт расстояние между картинками, ползунок рамки — поля вокруг всего коллажа. Выберите цвет фона или поставьте галочку «Прозрачный», если сохраняете в PNG либо WebP. PNG держит резкими края и текст, JPG удобнее для фотографий. Затем нажмите «Скачать».

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

Фотографии загружаются на сервер?

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

Сколько изображений можно объединить за раз?

Жёсткого лимита нет — добавляйте столько, сколько браузер сможет декодировать. Упор возникает в размере холста: инструмент держит результат в пределах 12 000 пикселей по стороне и примерно 60 мегапикселей, а если картинки выходят за эти рамки, пропорционально уменьшает весь коллаж. В строке статуса видно, что уменьшение произошло и во сколько раз.

Почему картинки в результате разного размера?

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

Как склеить фото без белого зазора между ними?

Поставьте ползунок зазора и ползунок рамки на 0 — картинки встанут край в край, фона не будет видно вообще. Именно это нужно, чтобы собрать разрезанный скриншот обратно или соединить две половины панорамы.

PNG или JPG — что выбрать?

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

Склейка портит качество?

Только там, где происходит пересчёт пикселей. В режиме «как есть» каждый пиксель переносится один в один, и терять нечего. Приведение к общей высоте или ширине пересчитывает картинку, и мелкие детали чуть размягчаются: уменьшение почти незаметно, увеличение заметно. Сохранение в JPG добавляет сверху один проход сжатия с потерями. Для максимальной резкости берите картинки одинакового размера и сохраняйте в PNG.

Как сделать сетку 2×2 из четырёх фото?

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

А можно собрать картинки в один PDF?

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

Из блога

Похожие инструменты