Design

Image Composite

Composite multiple images together with precise control over position, opacity, and blend modes

file· File resultOpen tool

Quick start

Call this tool from your code in three languages.

cURL

# 1) Upload each file first → returns { filePath }
curl -X POST 'https://api.elysiatools.com/upload/image-composite' \
  -F 'file=@/path/to/baseImage.ext'
curl -X POST 'https://api.elysiatools.com/upload/image-composite' \
  -F 'file=@/path/to/compositeImages.ext'

# 2) Call the tool with the returned filePath values
curl -X POST 'https://api.elysiatools.com/en/api/tools/image-composite' \
  -F 'baseImage=/path/to/file.ext' \
  -F 'compositeImages=/path/to/file.ext' \
  -F 'layoutMode=grid' \
  -F 'blendMode=over' \
  -F 'canvasWidth=0' \
  -F 'canvasHeight=0' \
  -F 'backgroundColor=transparent' \
  -F 'outputFormat=png' \
  -F 'quality=95'

API reference

Send a POST request with your inputs as JSON. File parameters require a separate upload first.

Endpoint

HTTP

POST https://api.elysiatools.com/en/api/tools/image-composite

Parameters

Name	Type	Required	Description
baseImage	fileupload required	Yes	Base image that other images will be composited onto
compositeImages	fileupload required	Yes	Select 1-8 images to composite onto the base image
layoutMode	select	Yes	How to arrange the composited images
blendMode	select	No	Blend mode for composited images
canvasWidth	number	No	Width of the final canvas (leave empty to use base image width)
canvasHeight	number	No	Height of the final canvas (leave empty to use base image height)
backgroundColor	color	No	Background color for transparent areas (default: transparent)
outputFormat	select	No	Output format for the composited image
quality	number	No	Output quality for lossy formats (JPEG, WebP, AVIF)

File-type parameters must be uploaded first via POST /upload/image-composite, then the returned filePath is passed to the corresponding file field.

Response format

File result

JSON

{
  "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 integration

Add this tool to your Model Context Protocol server so AI agents can list and call it.

Server configuration

Add this block to your MCP client configuration:

mcp.json

{
  "mcpServers": {
    "elysiatools-image-composite": {
      "name": "image-composite",
      "description": "Composite multiple images together with precise control over position, opacity, and blend modes",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=image-composite",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

List available tools

After connecting to the SSE endpoint, list the exposed tools:

tools/list

{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

Call this tool

Invoke the tool by its id, passing arguments built from its parameters:

tools/call

{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "image-composite",
    "arguments": {
  "baseImage": "https://example.com/file.ext",
  "compositeImages": "https://example.com/file.ext",
  "layoutMode": "grid",
  "blendMode": "over",
  "canvasWidth": 0,
  "canvasHeight": 0,
  "backgroundColor": "transparent",
  "outputFormat": "png",
  "quality": 95
}
  }
}

Chain multiple tools in one session with a comma-separated toolId list, e.g. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (max 20).

File parameters accept a public file URL only (https://…). Local paths, data: URIs, and Base64 strings are not supported.

Questions or issues? Contact [email protected]