Overlay or Watermark Images by Merging with Another Image

Go to Workflow
3,881 views
Built by Marcel Claus-Ahrens Marcel Claus-Ahrens
Created on June 05, 2026

Description

Instructions

This automation overlays a background image with another image, making it easy to add watermarks or logos.

You can use this automation to watermark your images by overlaying them with a transparent version of your logo. If you'd like to place your logo in a specific corner, feel free to adjust the position of the overlay image in the code node.

How it Works

Both images are downloaded, so we can process binary files (you can modify the source, tho.)
We extract metadata, focusing on the dimensions of each image.
The position of the overlay image is calculated (default: dead center of the background image).
The two images are composited together.

Limitations and Optimisation Opportunities

The overlay image must be the same size or smaller than the background image for proper alignment.
The overlay image does not automatically scale to match the proportions of the background image.


Enjoy the workflow! ❤️
let the work flow — Workflow Automation & Development

Nodes Used (3)

Code
n8n-nodes-base.code
Edit Image
n8n-nodes-base.editImage
HTTP Request
n8n-nodes-base.httpRequest