n8n HTML to Image: Complete Workflow Tutorial (2026)

June 08, 20266 min read

This tutorial shows you how to add HTML-to-image generation to any n8n workflow — using the native RenderPix node or the HTTP Request module.

Overview

This guide covers everything you need to know about n8n html to image: complete workflow tutorial.

Getting started with RenderPix

# One API call. That's all. curl -X POST https://renderpix.dev/v1/render \ -H "X-API-Key: YOUR_KEY" \ -H "Content-Type: application/json" \ -d '{ "html": "<div style=\"width:1200px;height:630px;background:#0f0f0f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:48px\">Hello, RenderPix</div>", "width": 1200, "height": 630, "format": "png" }' --output card.png

RenderPix is a managed HTML-to-image API starting at $9/mo. 100 free renders/month, no credit card required. Native n8n node, batch rendering, template variables.

Try RenderPix free — no credit card needed

100 renders/month. Full HTML control. Native n8n node.

Get your free API key →