n8n-nodes-resize-overley

This is an n8n community node that allows you to dynamically resize images and add custom SVG typography overlays. It's perfectly suited for automating the creation of social media content, such as:

• Instagram Feed Posts & Stories
• YouTube Video Thumbnails
• Tiktok/Reels Covers
• Automated News Fact Cards & Quotes

It supports downloading images directly from URLs, applying various design themes with text/markdown, and automatically uploading the final image to tmpfiles.org.

n8n is a fair-code licensed workflow automation platform.

Features

• Flexible Image Source: Provide an image URL, and the node will download it automatically (max 100 MB).
• Dynamic Resizing: Set custom Width and Height (e.g., 1080x1350 for IG, 1920x1080 for YouTube). Automatically crops using sharp with customizable Fit (cover, contain, etc.) and Position (center, top, attention, etc.) strategies.
• 5 Design Themes: Choose from multiple overlay layouts:
  • Classic: Original rounded white box at the bottom.
  • News Fact: Sharp box with top-left brand name and bottom-right watermark.
  • Minimalist: Sleek bottom-edge text with a subtle gradient shadow.
  • Spotlight: Centered glowing box with a prominent brand badge on a dimmed background.
  • Quote: Large aesthetic quote marks with author attribution.
• Markdown Typography: Supports simple markdown for the caption (use **text** to make text bold). Typography scales automatically based on your chosen image dimensions.
• Auto-Upload: Successfully processed images are automatically uploaded to tmpfiles.org and deleted after 60 minutes. Guaranteed to return https:// URLs.

Installation

Follow the installation guide in the n8n community nodes documentation.

For local development:

npm install
npm run build

Testing locally with Docker

A docker-compose.yml file is provided to quickly test changes.

cd docker
podman-compose up -d       # or docker-compose up -d

The node will be built and loaded automatically using volumes. To apply changes made to the code, just run npm run build from the project root and restart the container:

podman compose restart     # or docker compose restart

Operations

Resize Overlay

Resize Overlay

• Image URL (Max 100 MB): URL of the image to download and process.
• Width & Height: Custom dimensions for the output image.
• Fit & Position: Control how the image is resized and cropped.
• Theme: Select the visual style of the overlay.
• Brand Name / Watermark / Author: Dynamic properties that appear based on the chosen theme.
• Caption: The main text to be displayed. Supports **bold** markdown.

Usage

1. Add the Resize Overlay node to your workflow.
2. Enter the Image URL (e.g., mapped from a Webhook or previous HTTP request).
3. Enter the Caption text.
4. Execute the node. It will output JSON containing uploadSuccess, posterUrl, and a standard deletion message.

Resources

• n8n community nodes documentation
• Sharp Image Processing
• tmpfiles.org API

Version History

Version Release