Open Graph Image Generator: Social Cards from a Template

Created by

Alexander Daskalov

Actor

HTML to Image API: Render HTML/CSS Templates to PNG

Generate Open Graph and Twitter/X social card images (1200x630 PNG) for every blog post or product from one HTML template and a list of titles. Placeholders like {{title}} are filled per row, one image per row, with direct download links. Pay per image.

Try for free

HTML to Image API: Render HTML/CSS Templates to PNGbossless/html-to-image

File

Download

Format

Width

+4 fields

Input

HTML template(required):<style>body{margin:0}</style><div style="width:1200px;height:630px;box-sizing:border-box;padding:72px;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;font-family:Inter,Segoe UI,Arial,sans-serif;display:flex;flex-direction:column;justify-content:space-between"><div style="font-size:28px;opacity:.85">{{site}}</div><div style="font-size:64px;font-weight:800;line-height:1.1">{{title}}</div><div style="font-size:30px">{{author}} · {{date}}</div></div>

Data rows

site:blog.example.com+1

title:How we cut our cloud bill by 40%+1

author:Maria Lopez+1

date:Oct 2026+1

fileName:cloud-bill+1

Width (px):1200

Height (px):630

Output fields

File

Download

Format

Width

Height

Bytes

Missing fields

Render ms

How it works

Sign up on Apify or log in

The HTML to Image API: Render HTML/CSS Templates to PNG Actor is ready to run with the inputs already set for "Open Graph Image Generator: Social Cards from a Template". Sign up or log in and you'll land in Apify Console with a copy of this exact task.

Start the "Open Graph Image Generator: Social Cards from a Template" task

The HTML to Image API: Render HTML/CSS Templates to PNG Actor will start running based on the input automatically. You can also change all the input fields, like HTML template, data rows, and more, to match your specific use case.

Receive the "Open Graph Image Generator: Social Cards from a Template" output

Monitor the progress in real time. You will be notified as soon as your dataset is complete and ready for review. Each result includes data such as file, download, format, and more.