Image Composite

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

Base Image *

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

Base image that other images will be composited onto

Images to Composite *

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

Select 1-8 images to composite onto the base image

Layout Mode *

How to arrange the composited images

Blend Mode

Blend mode for composited images

Canvas Width (px)

Width of the final canvas (leave empty to use base image width)

Canvas Height (px)

Height of the final canvas (leave empty to use base image height)

Background Color

Background color for transparent areas (default: transparent)

Output Format

Output format for the composited image

Quality (1-100)

Output quality for lossy formats (JPEG, WebP, AVIF)

API Documentation

Request Endpoint

POST /en/api/tools/image-composite

Request Parameters

Parameter Name	Type	Required	Description
baseImage	file (Upload required)	Yes	Base image that other images will be composited onto
compositeImages	file (Upload 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 need to be uploaded first via POST /upload/image-composite to get filePath, then pass filePath to the corresponding file field.

Response Format

{
  "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)"
}

File: File

AI MCP Documentation

Add this tool to your MCP server configuration:

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

You can chain multiple tools, e.g.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 tools.

Supports URL file links or Base64 encoding for file parameters.

If you encounter any issues, please contact us at [email protected]