Image Sharp V2 icon

Image Sharp V2

Execute operations using Sharp

Actions3

COMPOSITE

AI-generated

Summary

Composite multiple images into one by overlaying the second and subsequent input images onto the first input image, using optional position, blend mode, and size options for each overlay image.

Inputs

  • binaryPropertyName (required) — The name of the input binary field containing the image to composite.

Output shape

a single item with the composited image as binary data in a field named 'data'

The composited image is returned only once paired to the first input item. Input items beyond the first provide overlay images with optional JSON properties 'top', 'left', 'blend', and 'size' to control their placement and appearance over the base image (the first input item). The output image is always in PNG format.

Examples

Example 1: Composite multiple images with specified overlay positions and blend modes.

Set the binary input field for each input item. The first item supplies the base image. For each overlay image item, set JSON properties 'top' and 'left' to define its position, 'blend' to define the blend mode, and optionally 'size' (with width, height, and fit) to resize it before compositing.

Links

Discussion