Категории

Композиция Изображений

Композиция нескольких изображений вместе с точным контролем положения, непрозрачности и режимов смешивания

Click to upload file or drag and drop file here

Maximum file size: 20MB Supported formats: image/jpeg, image/png, image/webp, image/gif, image/bmp, image/tiff

Базовое изображение, на которое будут накладываться другие изображения

Click to upload files or drag and drop files here

Maximum file size: 20MB Maximum files: 8
Supported formats: image/jpeg, image/png, image/webp, image/gif, image/bmp, image/tiff

Выбрать 1-8 изображений для композиции на базовое изображение

Как расположить компонуемые изображения

Режим смешивания для компонуемых изображений

Ширина финального холста (оставить пустым для использования ширины базового изображения)

Высота финального холста (оставить пустым для использования высоты базового изображения)

Цвет фона для прозрачных областей (по умолчанию: прозрачный)

Формат вывода для композитного изображения

Качество вывода для форматов с потерями (JPEG, WebP, AVIF)

Ключевые факты

Категория
Design
Типы входных данных
file, select, number, color
Тип результата
file
Покрытие примерами
4
API доступен
Yes

Обзор

Инструмент для профессиональной композиции изображений позволяет объединять несколько файлов в одну графическую структуру с точной настройкой расположения, режимов смешивания и параметров холста.

Когда использовать

  • Когда нужно объединить несколько фотографий в единый коллаж или сетку.
  • Для создания сложных графических эффектов с использованием режимов наложения.
  • При необходимости подготовки изображений для веб-публикации с заданными размерами и форматом.

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

  • Загрузите базовое изображение, которое послужит основой для вашей композиции.
  • Выберите дополнительные изображения и определите режим их расположения (сетка, горизонтально, вертикально или по диагонали).
  • Настройте параметры смешивания, размеры холста и выберите выходной формат файла для получения готового результата.

Сценарии использования

Создание рекламных баннеров путем наложения логотипов или продуктов на фоновые изображения.
Формирование аккуратных сеток из фотографий для социальных сетей или отчетов.
Художественное смешивание текстур и графических элементов с использованием режимов наложения.

Примеры

1. Создание коллажа для соцсетей

SMM-менеджер
Контекст
Необходимо быстро объединить 4 фотографии товара в одну сетку для публикации в Instagram.
Проблема
Ручное выравнивание изображений в графическом редакторе занимает много времени.
Как использовать
Загрузите фоновое изображение, выберите 4 фото товара, установите режим макета 'Сетка' и формат 'PNG'.
Пример конфигурации
layoutMode: grid, outputFormat: png
Результат
Готовое изображение с ровно распределенными фотографиями, готовое к публикации.

2. Наложение водяного знака

Фотограф
Контекст
Требуется наложить логотип на серию фотографий для защиты авторских прав.
Проблема
Необходимо обеспечить правильное смешивание логотипа с фоном без потери качества.
Как использовать
Используйте основное фото как базу, добавьте логотип, выберите режим смешивания 'Наложение' или 'Нормальный'.
Пример конфигурации
blendMode: overlay, outputFormat: webp, quality: 90
Результат
Фотография с профессионально интегрированным логотипом в формате WebP.

Проверить на примерах

image, png, jpg

Связанные хабы

FAQ

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

Вы можете загрузить до 8 изображений для наложения на базовый слой.

Какие форматы файлов поддерживаются?

Инструмент поддерживает работу с JPEG, PNG, WebP, GIF, BMP и TIFF.

Можно ли задать прозрачный фон?

Да, вы можете выбрать прозрачный цвет фона для областей, не заполненных изображениями.

Как изменить размер итогового изображения?

Вы можете вручную указать ширину и высоту холста в пикселях в соответствующих полях настроек.

Влияет ли параметр качества на все форматы?

Настройка качества применяется только к форматам с потерями, таким как JPEG, WebP и AVIF.

Документация API

Конечная точка запроса

POST /ru/api/tools/image-composite

Параметры запроса

Имя параметра Тип Обязательно Описание
baseImage file (Требуется загрузка) Да Базовое изображение, на которое будут накладываться другие изображения
compositeImages file (Требуется загрузка) Да Выбрать 1-8 изображений для композиции на базовое изображение
layoutMode select Да Как расположить компонуемые изображения
blendMode select Нет Режим смешивания для компонуемых изображений
canvasWidth number Нет Ширина финального холста (оставить пустым для использования ширины базового изображения)
canvasHeight number Нет Высота финального холста (оставить пустым для использования высоты базового изображения)
backgroundColor color Нет Цвет фона для прозрачных областей (по умолчанию: прозрачный)
outputFormat select Нет Формат вывода для композитного изображения
quality number Нет Качество вывода для форматов с потерями (JPEG, WebP, AVIF)

Параметры типа файл должны быть загружены сначала через POST /upload/image-composite для получения filePath, затем filePath должен быть передан в соответствующее поле файла.

Формат ответа

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Файл: Файл

Документация MCP

Добавьте этот инструмент к конфигурации сервера MCP:

{
  "mcpServers": {
    "elysiatools-image-composite": {
      "name": "image-composite",
      "description": "Композиция нескольких изображений вместе с точным контролем положения, непрозрачности и режимов смешивания",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-composite",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Вы можете объединять несколько инструментов, например: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, максимум 20 инструментов.

Поддерживает ссылки на файлы URL или кодирование Base64 для параметров файла.

Если вы столкнулись с проблемами, пожалуйста, свяжитесь с нами по адресу [email protected]