Protect your brand images without opening a design tool. This build places a logo or watermark on top of a background image, centered by default, so teams can publish consistent visuals faster.

The flow starts on a manual run and downloads two files with HTTP requests. It reads the size of each image, renames the binary parts to bg and top, and merges them into one item. A code step calculates the center point from both image sizes. The composite step then places the top image over the background at exact x and y positions, and saves the final file. This approach handles binary files directly and gives you precise control of placement and output format.

To set it up, swap the two image URLs with your own background and transparent logo files. Make sure the overlay is the same size or smaller than the background, or adjust size before placing it. Expect a major time win on social graphics, product shots, and internal templates. Teams can turn a 10 minute manual edit into under a minute, while keeping every asset on brand.

• Manual run to process images on demand
• HTTP requests download the background and the overlay image
• Image info steps read width and height for both files
• Code nodes rename binary properties to bg and top for clean handling
• Merge node pairs both images into a single item for processing
• Center position is calculated from both image sizes in a code step
• Composite step overlays top onto bg at exact x and y positions
• Final image saved in your chosen format and file name

• Reduce manual editing from 10 minutes per image to under 1 minute
• Keep logo placement consistent across every asset
• Lower error rates by placing overlays with exact coordinates
• Scale image branding by running the flow whenever needed
• Work directly with image files without opening a design app

1. Import the template into n8n: Create a new workflow in n8n > Click the three dots menu > Select 'Import from File' > Choose the downloaded JSON file.
2. Open the Get the Image for Background node and replace the URL with your background image link. Use a direct file URL that returns a 200 status code.
3. Open the Get Logo for the Watermark node and replace the URL with your transparent logo image link. PNG with transparency works best.
4. If your files require authentication, double click each HTTP Request node, then on the Credential to connect with dropdown, click Create new credential and follow the on screen instructions for the required auth method.
5. Run the workflow with the manual trigger. In the execution data, confirm each HTTP node shows a binary file under the data property.
6. Check the Get Meta steps and the Set nodes to see metaBg and metaTop objects with width and height values.
7. Open the Calculate Center code node if you need offsets. The default logic centers the overlay. Add or subtract pixels to move the logo to a corner.
8. Open the composite step and adjust the output format and file name if needed. The result is stored in the bg binary property.
9. Execute the workflow again and download the composite image from the final node output. Verify that the logo sits in the intended position.
10. Troubleshoot: If the logo does not appear, confirm the overlay image is smaller than or equal to the background size, verify the binary property names are top and bg, and ensure the HTTP URLs are valid.