← Node reference

Merge / Composite

Utility

Composites two images. Studio follows the compositing convention rather than the CSS one: Image B is the base and Image A goes on top, so a Merge reads "A over B" exactly as it would in Nuke.

Runs
In your browser
Inputs
3
Outputs
1

Inputs

PortTypeID
Image B (base)imageimage-b
Image A (layer)imageimage-a
Maskmaskmask-in

Outputs

PortTypeID
Imageimageimage-out

Notes

  • ·Fit mode defaults to native, which leaves both images at their own size. Use fit or cover only when you actually want the layer conformed to the base.
  • ·The blend modes are browser Canvas composite operations, so they carry CSS/Photoshop names. They are not Nuke's operator set: there is no plus, minus, from, min or max, and no mix knob.
  • ·Four of the modes (hue, saturation, color, luminosity) have no equivalent in the server-side image library, so a headless or shared-link re-render silently falls back to a plain over. Stick to the other twelve if a graph needs to run identically in both places.
  • ·Wire a mask into the mask port to limit the merge. The mask is feathered slightly in proportion to image size before it is applied.
What this connects into (24)

Computed from the port compatibility rules, so it stays correct as nodes change.

Node ID merge-composite. Open it in Studio with Tab, then type the name.