Skip to main content

Overlay or watermark images by merging with another image

Workflow preview

Workflow preview
100%
Overlay or watermark images by merging with another image preview
Open on n8n.io

Important notice

This workflow is provided as-is. Please review and test before using in production.

1. Workflow Overview

Instructions This automation overlays a 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 transpare...

Best for

  • Content Creation automation workflows
  • advanced n8n builders looking for reusable templates

Tools used

n8n-nodes-base.manualtrigger, n8n-nodes-base.editimage, n8n-nodes-base.set, n8n-nodes-base.code, n8n-nodes-base.httprequest, n8n-nodes-base.merge, n8n-nodes-base.stickynote

Source and attribution

This workflow is cataloged by N8N Workflows and links back to its original n8n.io source page by Marcel Claus-Ahrens.

Original n8n.io source

1.1 Workflow description

Title
Overlay or watermark images by merging with another image
Workflow name
Overlay or watermark images by merging with another image

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

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

Limitations and Optimisation Opportunities

  1. The overlay image must be the same size or smaller than the background image for proper alignment.
  2. 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

1.2 Logical Blocks

This catalog entry is organized from the workflow JSON. The node-level section below shows the executable blocks available for review before importing the template.

2. Block-by-Block Analysis

Block 1 - When clicking "Test workflow"

Type / Role
n8n-nodes-base.manualTrigger - manualTrigger
Config choices
Version 1

Block 2 - Get Meta BG

Type / Role
n8n-nodes-base.editImage - editImage
Config choices
Version 1

Block 3 - Nest Top Meta

Type / Role
n8n-nodes-base.set - set
Config choices
Version 3.3

Block 4 - Nest Bg Meta

Type / Role
n8n-nodes-base.set - set
Config choices
Version 3.3

Block 5 - Calculate Center

Type / Role
n8n-nodes-base.code - code
Config choices
Version 2

Block 6 - Get Logo for the Watermark

Type / Role
n8n-nodes-base.httpRequest - httpRequest
Config choices
Version 4.2

Block 7 - Get the Image for Background

Type / Role
n8n-nodes-base.httpRequest - httpRequest
Config choices
Version 4.2

Block 8 - Wait for both Images and merge Binary in one Item

Type / Role
n8n-nodes-base.merge - merge
Config choices
Version 2.1

Block 9 - Rename Image Binary Top Image

Type / Role
n8n-nodes-base.code - code
Config choices
Version 2

Block 10 - Rename Image Binary Background Image

Type / Role
n8n-nodes-base.code - code
Config choices
Version 2

Block 11 - Get Meta Top

Type / Role
n8n-nodes-base.editImage - editImage
Config choices
Version 1

Block 12 - Let "top" overlay "bg"

Type / Role
n8n-nodes-base.editImage - editImage
Config choices
Version 1

Block 13 - Sticky Note

Type / Role
n8n-nodes-base.stickyNote - stickyNote
Config choices
Version 1

Block 14 - Sticky Note1

Type / Role
n8n-nodes-base.stickyNote - stickyNote
Config choices
Version 1

Block 15 - Sticky Note2

Type / Role
n8n-nodes-base.stickyNote - stickyNote
Config choices
Version 1

Block 16 - Note3

Type / Role
n8n-nodes-base.stickyNote - stickyNote
Config choices
Version 1

3. Summary Table

Workflow Overlay or watermark images by merging with another image
Complexity advanced
Nodes 16
Categories Content Creation
Author Marcel Claus-Ahrens
Published 10 Oct 2024

4. Reproducing the Workflow from Scratch

  1. 1. Download the workflow JSON

    Use the JSON export at /data/workflows/2459/2459.json as the source template for this automation.

  2. 2. Import the template into n8n

    Open n8n, import the downloaded JSON, and review each node before activating the workflow.

  3. 3. Configure credentials and variables

    Replace placeholder credentials, API keys, webhook URLs, account IDs, and environment-specific values with your own settings.

  4. 4. Test with sample data

    Run the workflow manually or in a staging workspace, inspect node output, and confirm downstream systems receive the expected data.

  5. 5. Activate and monitor

    Enable the workflow only after testing, then monitor executions, errors, and rate limits during the first production runs.

5. General Notes & Resources

Review imported nodes carefully before activation. This catalog entry is intended to help you inspect the workflow structure, understand required services, and find related templates faster.

Node names, credentials, schedules, webhook paths, and external service limits may need adjustment for your workspace.

Frequently asked questions

What does Overlay or watermark images by merging with another image do?

Instructions This automation overlays a 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 transpare...

What do I need before importing this workflow?

Review the workflow JSON, configure any required credentials in n8n, and test the automation in a safe workspace before using it in production.

Can I customize this workflow?

Yes. Use the block-by-block analysis and the downloadable JSON to inspect each node, then adjust credentials, prompts, schedules, filters, or destinations for your Content Creation use case.