Как пользоваться
- Нажмите Выберите файлы и выберите от двух до девяти картинок. Расставьте их в нужном порядке: первая заполняет первую ячейку.
- Выберите Раскладку и Размер результата, затем задайте расстояние между картинками и скругление углов, если нужно.
- Перетащите картинку в предпросмотре, чтобы выбрать часть, которая видна в её ячейке.
- Нажмите Создать коллаж, затем скачайте PNG или JPEG.
Раскладки и пустые ячейки
Автоматическая сетка использует столько ячеек, сколько у вас картинок, в самой близкой к квадрату сетке. У фиксированных раскладок число ячеек задано: две в ряд или в столбик, сетка два на два или три на три, либо одна большая картинка с двумя или тремя маленькими. Если картинок меньше, чем ячеек, пустые ячейки сохраняют цвет фона, а инструмент сообщает, сколько их пусто.
Заполнение ячейки
Каждая картинка заполняет свою ячейку целиком: она увеличивается, пока не покроет всю ячейку, а выступающие края обрезаются. Фокус определяет, какая часть остаётся. Перетащите картинку в предпросмотре, чтобы сдвинуть фокус, и лицо или главный объект останутся в кадре. Углы можно скруглить, а расстояние одинаково со всех сторон.
Результат и качество
Коллаж рисуется в выбранном размере, до 2 048 пикселей. PNG сохраняет каждый пиксель; JPEG меньше и подходит для коллажа из фотографий, которым хотят поделиться. Каждая картинка читается в полном размере при создании коллажа, поэтому её детали сохраняются.
Пример: четыре фото с отдыха в квадрате
У вас четыре фото, и нужна одна квадратная картинка для поста в соцсетях. Выберите сетку 2 × 2, квадратный размер, расстояние 24 пикселя и скругление углов 40 пикселей. Перетащите каждое фото в предпросмотре так, чтобы главный объект оказался в центре ячейки.
Результат — одна картинка 2 048 × 2 048 пикселей с четырьмя равными ячейками. Каждое фото обрезано по своей ячейке с выбранным фокусом.
Частые вопросы
Сколько картинок можно поместить в один коллаж?
От двух до девяти. Раскладки вмещают до девяти ячеек, а автоматическая сетка использует столько ячеек, сколько картинок вы добавили.
Почему картинка обрезана в своей ячейке?
Ячейка имеет другую форму, чем у большинства фото, поэтому картинка покрывает ячейку, а края обрезаются. Перетащите картинку в предпросмотре, чтобы переместить видимую часть.
Какой формат выбрать для коллажа: PNG или JPEG?
PNG выбирайте для графики или когда нужно сохранить каждый пиксель. JPEG выбирайте для фотографий: файл намного меньше, а качество остаётся очень хорошим.
Загружаются ли мои фото при создании коллажа?
Нет. Ваш браузер читает и рисует каждое фото на вашем устройстве. Проверить это можно, отключив интернет после загрузки страницы.
Можно ли изменить порядок картинок?
Да. Стрелками у каждой картинки в списке передвиньте её вверх или вниз. Первая картинка списка заполняет первую ячейку раскладки.
Источники
- MDN: CanvasRenderingContext2D.drawImage(), размещение картинки в части холста (на английском)
- MDN: CanvasRenderingContext2D.clip(), скруглённые углы (на английском)
Цифры и текст в последний раз проверены вторник, 10 ноября 2026 г..