This page was machine-translated. Spotted a mistake?Help improve it.
Skip to content

Коллаж / Сетка

Объединяйте несколько изображений в красивые коллажи-сетки с более чем 25 шаблонами. Поддерживаются макеты от 2 до 9 изображений с настраиваемым зазором, радиусом скругления углов, цветом фона и панорамированием/масштабированием каждой ячейки.

Конечная точка API

POST /api/v1/tools/image/collage

Параметры

ПараметрТипОбязательныйПо умолчаниюОписание
templateIdstringДа-ID макета шаблона (например 2-h-equal, 3-left-large, 4-grid, 9-grid)
cellsarrayНет-Массив настроек каждой ячейки с imageIndex, panX, panY, zoom, objectFit
cells[].imageIndexintegerДа-Индекс изображения для размещения в этой ячейке (начиная с 0)
cells[].panXnumberНет0Горизонтальное смещение панорамирования (от -100 до 100)
cells[].panYnumberНет0Вертикальное смещение панорамирования (от -100 до 100)
cells[].zoomnumberНет1Уровень масштабирования (от 1 до 10)
cells[].objectFitstringНет"cover"Как изображение заполняет ячейку: cover или contain
gapnumberНет8Зазор между ячейками в пикселях (от 0 до 500)
cornerRadiusnumberНет0Радиус скругления углов каждой ячейки в пикселях (от 0 до 500)
backgroundColorstringНет"#FFFFFF"Цвет фона в виде hex или "transparent"
aspectRatiostringНет"free"Соотношение сторон холста: free, 1:1, 4:3, 3:2, 16:9, 9:16, 4:5
outputFormatstringНет"png"Формат вывода: png, jpeg, webp, avif, jxl
qualitynumberНет90Качество вывода (от 1 до 100)

Доступные шаблоны

ID шаблонаИзображенияМакет
2-h-equal2Два равных столбца
2-v-equal2Две равные строки
2-h-left-large2Слева 2/3, справа 1/3
2-h-right-large2Слева 1/3, справа 2/3
3-left-large3Большое слева, два в стопке справа
3-right-large3Два в стопке слева, большое справа
3-top-large3Большое сверху, два столбца снизу
3-h-equal3Три равных столбца
3-v-equal3Три равные строки
4-grid4Сетка 2x2
4-left-large4Большое слева, три в стопке справа
4-top-large4Большое сверху, три столбца снизу
4-bottom-large4Три столбца сверху, большое снизу
5-top2-bottom35Два сверху, три снизу
5-top3-bottom25Три сверху, два снизу
5-left-large5Большое слева, четыре в стопке справа
5-center-large5Большое в центре, четыре по углам
6-grid-2x362 столбца x 3 строки
6-grid-3x263 столбца x 2 строки
6-top-large6Большое сверху, пять столбцов снизу
7-mosaic7Мозаичный макет
8-mosaic8Мозаичный макет
9-grid9Сетка 3x3

Пример запроса

bash
curl -X POST http://localhost:1349/api/v1/tools/image/collage \
  -F "[email protected]" \
  -F "[email protected]" \
  -F "[email protected]" \
  -F "[email protected]" \
  -F 'settings={"templateId":"4-grid","gap":12,"cornerRadius":8,"backgroundColor":"#F5F5F5","outputFormat":"png","quality":90}'

Пример ответа

json
{
  "jobId": "a1b2c3d4-e5f6-7890-abcd-ef1234567890",
  "downloadUrl": "/api/v1/download/a1b2c3d4-e5f6-7890-abcd-ef1234567890/collage.png",
  "originalSize": 2456789,
  "processedSize": 1823456
}

Примечания

  • Загрузите несколько файлов изображений в multipart-запросе. Изображения назначаются ячейкам шаблона в порядке загрузки.
  • Если загружено больше изображений, чем поддерживает шаблон, лишние изображения игнорируются.
  • Поддерживаются входные форматы HEIC, RAW, PSD и SVG (декодируются автоматически).
  • Базовый размер холста составляет 2400px по самой длинной стороне, масштабируемый в соответствии с выбранным соотношением сторон.
  • Когда aspectRatio имеет значение "free", холст по умолчанию использует 4:3 (2400x1800).
  • Значения panX/panY каждой ячейки сдвигают окно обрезки внутри ячейки. Значение 100 полностью смещает к одному краю, -100 к другому.
  • Цвет фона "transparent" сохраняется только при выходных форматах png, webp или avif.