{ "meta": { "instanceId": "workflow-d245c7bb", "versionId": "1.0.0", "createdAt": "2025-09-29T07:07:42.594721", "updatedAt": "2025-09-29T07:07:42.594737", "owner": "n8n-user", "license": "MIT", "category": "automation", "status": "active", "priority": "high", "environment": "production" }, "nodes": [ { "id": "a30e02b0-b807-4a4c-b2a6-19bacf5f2f8f", "name": "When clicking \"Test workflow\"", "type": "n8n-nodes-base.manualTrigger", "position": [ 800, 180 ], "parameters": {}, "typeVersion": 1, "notes": "This manualTrigger node performs automated tasks as part of the workflow." }, { "id": "558afdb5-7311-48f1-9464-01b6933eaffe", "name": "Get Meta BG", "type": "n8n-nodes-base.editImage", "position": [ 1300, 60 ], "parameters": { "operation": "information" }, "typeVersion": 1, "notes": "This editImage node performs automated tasks as part of the workflow." }, { "id": "66bf1414-725b-40e3-be08-76f02a5d130f", "name": "Nest Top Meta", "type": "n8n-nodes-base.set", "position": [ 1480, 320 ], "parameters": { "options": { "includeBinary": true }, "assignments": { "assignments": [ { "id": "2fb3fd91-c13d-45ce-a7ec-612319a008fc", "name": "metaTop", "type": "object", "value": "={{ $json }}" } ] } }, "typeVersion": 3.3, "notes": "This set node performs automated tasks as part of the workflow." }, { "id": "29e77ce2-15a0-47a8-8b1c-8f457ae435c6", "name": "Nest Bg Meta", "type": "n8n-nodes-base.set", "position": [ 1480, 60 ], "parameters": { "options": { "includeBinary": true }, "assignments": { "assignments": [ { "id": "2fb3fd91-c13d-45ce-a7ec-612319a008fc", "name": "metaBg", "type": "object", "value": "={{ $json }}" } ] } }, "typeVersion": 3.3, "notes": "This set node performs automated tasks as part of the workflow." }, { "id": "dcdf4737-f881-4414-8fdb-1ce334e60093", "name": "Calculate Center", "type": "n8n-nodes-base.code", "position": [ 2280, 180 ], "parameters": { "mode": "runOnceForEachItem", "jsCode": "\n\n const centerX = ($input.item.json.metaBg.size.width + $input.item.json.metaTop.size.width) / 2;\n const centerY = ($input.item.json.metaBg.size.height + $input.item.json.metaTop.size.height) / 2;\n\n $input.item.json.center = { x: centerX, y: centerY };\n\nreturn $input.item" }, "typeVersion": 2, "notes": "This code node performs automated tasks as part of the workflow." }, { "id": "7b146616-cbc7-4e21-a899-46fdc8e5c914", "name": "Get Logo for the Watermark", "type": "n8n-nodes-base.httpRequest", "position": [ 1100, 320 ], "parameters": { "url": "{{ $env.WEBHOOK_URL }}", "options": {} }, "typeVersion": 4.2, "notes": "This httpRequest node performs automated tasks as part of the workflow." }, { "id": "7167d1b8-f0c4-4068-b5c8-bb23d5a5a589", "name": "Get the Image for Background", "type": "n8n-nodes-base.httpRequest", "position": [ 1100, 60 ], "parameters": { "url": "{{ $env.WEBHOOK_URL }}", "options": {} }, "typeVersion": 4.2, "notes": "This httpRequest node performs automated tasks as part of the workflow." }, { "id": "df6b4e01-76aa-42dd-bf1f-8eb259cd4079", "name": "Wait for both Images and merge Binary in one Item", "type": "n8n-nodes-base.merge", "position": [ 1980, 180 ], "parameters": { "mode": "combine", "options": {}, "combinationMode": "mergeByPosition" }, "typeVersion": 2.1, "notes": "This merge node performs automated tasks as part of the workflow." }, { "id": "d5161149-275c-4e2d-9d55-7f1c18716933", "name": "Rename Image Binary Top Image", "type": "n8n-nodes-base.code", "position": [ 1660, 320 ], "parameters": { "mode": "runOnceForEachItem", "jsCode": "$input.item.binary.top = $input.item.binary.data;\ndelete $input.item.binary.data;\nreturn $input.item;" }, "typeVersion": 2, "notes": "This code node performs automated tasks as part of the workflow." }, { "id": "90b0e990-d330-4875-b492-28d52019784d", "name": "Rename Image Binary Background Image", "type": "n8n-nodes-base.code", "position": [ 1660, 60 ], "parameters": { "mode": "runOnceForEachItem", "jsCode": "$input.item.binary.bg = $input.item.binary.data;\ndelete $input.item.binary.data;\nreturn $input.item;" }, "typeVersion": 2, "notes": "This code node performs automated tasks as part of the workflow." }, { "id": "a2b3eaa3-61bb-4e91-a225-b6a9b5dd725c", "name": "Get Meta Top", "type": "n8n-nodes-base.editImage", "position": [ 1300, 320 ], "parameters": { "operation": "information" }, "typeVersion": 1, "notes": "This editImage node performs automated tasks as part of the workflow." }, { "id": "46b4e344-8ea6-4d87-9dc3-c3d80f17a9d5", "name": "Let \"top\" overlay \"bg\"", "type": "n8n-nodes-base.editImage", "position": [ 2600, 180 ], "parameters": { "options": { "format": "jpeg", "fileName": "out.png" }, "operation": "composite", "positionX": "={{ $json.center.x - $json.metaTop.size.width }}", "positionY": "={{ $json.center.y - $json.metaTop.size.height }}", "dataPropertyName": "bg", "dataPropertyNameComposite": "top" }, "typeVersion": 1, "notes": "This editImage node performs automated tasks as part of the workflow." }, { "id": "ee7787f1-c717-416c-b076-18200e3109a0", "name": "Sticky Note", "type": "n8n-nodes-base.stickyNote", "position": [ 1020, -69.74382694102701 ], "parameters": { "width": 820.7320856852112, "height": 612.1135700636542, "content": "## Retrieve the Background Image and fetch Meta from the File\n### Like Sizes, to properly place the \"Top Image\" a.k.a \"Watermark\" a.k.a \"Overlay\" above the \"Background\"-Image" }, "typeVersion": 1, "notes": "This stickyNote node performs automated tasks as part of the workflow." }, { "id": "80925b86-42dc-4cf9-8a3b-b8df913d4d8c", "name": "Sticky Note1", "type": "n8n-nodes-base.stickyNote", "position": [ 2180, 60 ], "parameters": { "width": 296.5141962579569, "height": 568.2663488290325, "content": "## Calculate the Position for the \"Top\" Image\n\n\n\n\n\n\n\n\n\n\n\n\n\nWe want to place the \"Top\"-Image it dead-center on the \"Background\"-Image. But the upper-left-corner is the origin for the operation. \n\nYou 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.\n\n**⚠️ Limitation:** The Image that Overlays the Background-Image has to be <= the size of the background image to work properly." }, "typeVersion": 1, "notes": "This stickyNote node performs automated tasks as part of the workflow." }, { "id": "89dafe6a-d49a-43f7-94d2-3c5de5b67c9f", "name": "Sticky Note2", "type": "n8n-nodes-base.stickyNote", "position": [ 2520, 360 ], "parameters": { "color": 4, "width": 257.68541919015513, "height": 99.86957475347333, "content": "### 🖼️ Binary Property *bg* should now be the composite image and be overlayed by *top*" }, "typeVersion": 1, "notes": "This stickyNote node performs automated tasks as part of the workflow." }, { "id": "384bd626-fdbb-4073-ad9d-671b4aefe19e", "name": "Note3", "type": "n8n-nodes-base.stickyNote", "position": [ 301.53703835383794, -60 ], "parameters": { "width": 448.40729941128825, "height": 745.9248098393447, "content": "## Instructions\n\nThis automation *overlays* a `background` image with another image, making it easy to add watermarks or logos.\n\nYou 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.\n\n### How it Works\n\n1. Both images are downloaded, so we can process binary files (you can modify the source, tho.)\n2. We extract metadata, focusing on the dimensions of each image.\n3. The position of the overlay image is calculated (default: dead center of the background image).\n4. The two images are *composited* together.\n\n### Limitations and Optimization Opportunities\n\n1. The overlay image must be the same size or smaller than the background image for proper alignment.\n2. The overlay image does not automatically scale to match the proportions of the background image.\n\n![Image]({{ $env.WEBHOOK_URL }} \nEnjoy the workflow! ❤️ \n[let the workf low]({{ $env.WEBHOOK_URL }} — Workflow Automation & Development" }, "typeVersion": 1, "notes": "This stickyNote node performs automated tasks as part of the workflow." } ], "pinData": {}, "connections": { "7b146616-cbc7-4e21-a899-46fdc8e5c914": { "main": [ [ { "node": "error-handler-7b146616-cbc7-4e21-a899-46fdc8e5c914", "type": "main", "index": 0 } ], [ { "node": "error-handler-7b146616-cbc7-4e21-a899-46fdc8e5c914-5a4a3924", "type": "main", "index": 0 } ], [ { "node": "error-handler-7b146616-cbc7-4e21-a899-46fdc8e5c914-ab493346", "type": "main", "index": 0 } ], [ { "node": "error-handler-7b146616-cbc7-4e21-a899-46fdc8e5c914-26cc701c", "type": "main", "index": 0 } ], [ { "node": "error-handler-7b146616-cbc7-4e21-a899-46fdc8e5c914-797baac9", "type": "main", "index": 0 } ] ] }, "7167d1b8-f0c4-4068-b5c8-bb23d5a5a589": { "main": [ [ { "node": "error-handler-7167d1b8-f0c4-4068-b5c8-bb23d5a5a589", "type": "main", "index": 0 } ], [ { "node": "error-handler-7167d1b8-f0c4-4068-b5c8-bb23d5a5a589-db4affa6", "type": "main", "index": 0 } ], [ { "node": "error-handler-7167d1b8-f0c4-4068-b5c8-bb23d5a5a589-a56e388f", "type": "main", "index": 0 } ], [ { "node": "error-handler-7167d1b8-f0c4-4068-b5c8-bb23d5a5a589-b509ab05", "type": "main", "index": 0 } ], [ { "node": "error-handler-7167d1b8-f0c4-4068-b5c8-bb23d5a5a589-e95efa6d", "type": "main", "index": 0 } ] ] } }, "name": "Manualtrigger Workflow", "settings": { "executionOrder": "v1", "saveManualExecutions": true, "callerPolicy": "workflowsFromSameOwner", "errorWorkflow": null, "timezone": "UTC", "executionTimeout": 3600, "maxExecutions": 1000, "retryOnFail": true, "retryCount": 3, "retryDelay": 1000 }, "description": "Automated workflow: Manualtrigger Workflow. This workflow integrates 8 different services: stickyNote, httpRequest, code, merge, set. It contains 20 nodes and follows best practices for error handling and security.", "tags": [ "automation", "n8n", "production-ready", "excellent", "optimized" ], "notes": "Excellent quality workflow: Manualtrigger Workflow. This workflow has been optimized for production use with comprehensive error handling, security, and documentation." }