Retrieve the Background Image and fetch Meta from the File
Configured with Edit Image, HTTP Request. Review the connections and setup before adapting this template.
Node categories in this workflow
- Trigger
- Files / media
- Transform
- Code
- Web / API
Icons describe general node roles, inferred from node types. Inspect the parameters for the configured action.
Drag to pan; use + and − to zoom. Reconstructed from the exported node positions; nothing runs here. Dashed lines represent non-main connections. Full node names and notes appear below.
How it works
The exported workflow contains the following configured nodes. Their connections are shown above; inspect the JSON for the complete logic, expressions, and external actions.
| Node | Category | Type | Operation |
|---|---|---|---|
| When clicking "Test workflow" | Trigger | Manual Trigger | See node parameters |
| Get Meta BG | Files / media | Edit Image | information |
| Nest Top Meta | Transform | Edit Fields | See node parameters |
| Nest Bg Meta | Transform | Edit Fields | See node parameters |
| Calculate Center | Code | Code | See node parameters |
| Get Logo for the Watermark | Web / API | HTTP Request | See node parameters |
| Get the Image for Background | Web / API | HTTP Request | See node parameters |
| Wait for both Images and merge Binary in one Item | Transform | Merge | See node parameters |
| Rename Image Binary Top Image | Code | Code | See node parameters |
| Rename Image Binary Background Image | Code | Code | See node parameters |
| Get Meta Top | Files / media | Edit Image | information |
| Let "top" overlay "bg" | Files / media | Edit Image | composite |
Setup
- Download the JSON and import it into an isolated n8n instance. Leave the workflow inactive.
- Connect your own credentials through n8n’s credential store. Replace
REPLACE_WITH_*values with your resource identifiers. - Inspect API destinations, Code nodes, database queries, file paths, and outbound actions.
- Run with synthetic data and harmless destinations. Enable triggers only after checking the actual outputs.
Requirements
An n8n instance with the listed node types and compatible versions. Service-connected workflows may require accounts, credentials, or paid APIs.
Credential types declared in the source
None declared. HTTP requests and Code nodes may still need configuration.
Workflow notes
Calculate the Position for the "Top" Image
Calculate the Position for the "Top" Image
We want to place the "Top"-Image it dead-center on the "Background"-Image. But the upper-left-corner is the origin for the operation.
You may adjust it to your needs, to – for example adjust the size of your Overlay-Image, or place it in some corner. Adjust the Formular to your needs.
⚠️ Limitation: The Image that Overlays the Background-Image has to be <= the size of the background image to work properly.
Instructions
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 Optimization 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 workf low — Workflow Automation & Development
Retrieve the Background Image and fetch Meta from the File
Retrieve the Background Image and fetch Meta from the File
Purpose and structure
This folder contains the Retrieve the Background Image and fetch Meta from the File workflow. Its executable nodes use code, editImage, httpRequest, manualTrigger, merge, set. The table and connection map below are derived from the JSON, not an inferred guarantee of behavior.
Setup
Import inactive. Configure your own credentials and replace REPLACE_WITH_* values. Review external destinations and Code nodes before running.
Entry points
When clicking "Test workflow"
Verification
Sanitized source candidate; not runtime-tested. This overview is generated from node metadata. Read the folder README for the connection map, credential types, and license.
Attribution
https://github.com/Zie619/n8n-workflows/blob/94007c1445d9258a7da116646b79473e7c7c3282/workflows/Code/0598_Code_Editimage_Update_Webhook.json MIT; preserve source notices.
Canvas section labels
These name areas of the original canvas; they do not include explanatory instructions.
- Retrieve the Background Image and fetch Meta from the File
- 🖼️ Binary Property *bg* should now be the composite image and be overlayed by *top*