MICROSERVICE API

HTML to Image & PDF API: Automated Serverless Template Rendering

Q: Can I use custom Google Fonts or Tailwind CSS?

Yes. Include standard tags or blocks in your HTML string, and external fonts and stylesheets will render seamlessly.

Turn raw HTML, CSS, and Tailwind templates into high-DPI PNG, JPEG, or PDF documents via simple REST call. Serverless, fast, fixed $0.005/render.

Updated Oct 2026 • 4 min read • Verified Production Ready

Inference Cost

$0.005

per render

Execution Latency

< 500ms

Warm GPU cluster

Resolution / Quality

Custom DPI & Dimensions

Lossless output

SDK Protocol

REST / OpenAI

cURL, Python, Node

Architectural Overview

Generate dynamic OpenGraph social share cards, automated certificates, invoice PDFs, and personalized marketing visuals by sending raw HTML or Tailwind CSS code. No headless browser crashes or memory leaks to manage.

Pricing Breakdown & Benchmark

No monthly base subscriptions, no minimum commitments, and no idle cluster charges. Compare real production costs below:

Model / Task	LumozAI Price	Alternative Providers	Avg Latency	Recommended For
Lumoz HTML-to-Image	$0.005 / run	$0.020 / run	450ms	OG cards, banners & receipts
DocRaptor	N/A	$0.050 / doc	1.5s	Heavy print formatting
HTML2PDF Web API	N/A	$0.025 / run	2.0s	Legacy rendering

Code Integration (REST, Python, Node.js)

Execute directly against our high-throughput gateway. Replace YOUR_LUMOZ_API_KEY with your free developer key.

curl -X POST "https://lumozai.com/services/run" \
  -H "Authorization: Bearer YOUR_LUMOZ_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "slug": "html-to-image",
    "html": "<div style=\"background:#0f172a; color:#38bdf8; font-family:sans-serif; padding:40px; border-radius:16px;\"><h1>Invoice #4029</h1><p>Status: Paid</p></div>",
    "width": 800,
    "height": 400
  }'

import requests

url = "https://lumozai.com/services/run"
headers = {"Authorization": "Bearer YOUR_LUMOZ_API_KEY"}
html_content = "<div style='padding:30px; background:#1e293b; color:#fff;'><h1>Welcome!</h1></div>"
payload = {
    "slug": "html-to-image",
    "html": html_content,
    "width": 600,
    "height": 300
}

res = requests.post(url, json=payload, headers=headers).json()
print("Rendered Image:", res.get("output_url"))

const res = await fetch("https://lumozai.com/services/run", {
  method: "POST",
  headers: { "Authorization": "Bearer YOUR_LUMOZ_API_KEY", "Content-Type": "application/json" },
  body: JSON.stringify({
    slug: "html-to-image",
    html: "<div style='font-size:24px; color:#22c55e;'>Certified Completed</div>",
    width: 600,
    height: 300
  })
});
const data = await res.json();
console.log("Rendered file:", data.output_url);