Blog / Article OG Template
1200 × 630px · OG Image
Dark editorial OG card with a tag, headline, and author byline.
ogblogarticledark
Free to start · 50 renders included · no credit card required.
Editable fields
Override any of these when you clone the template or generate via the API.
| Field | Type | Required | Default |
|---|---|---|---|
| tag | text | No | ENGINEERING |
| title | text | No | How we cut render time by 80% with a headless pipeline |
| author | text | No | Maxime Bele |
| date | text | No | July 6, 2026 |
Generate this template via API
Render it on demand from any language, or use the official TypeScript SDK.
bash
# Public render — returns a PNG (no auth needed for public templates)
curl "https://renderfa.st/api/render?templateId=0a1b2c3d-0001-4a00-8a00-000000000001" --output image.pngTypeScript
import { createClient, postApiGenerate } from '@renderfast/client';
const client = createClient({
baseUrl: 'https://renderfa.st',
headers: { Authorization: 'Bearer ' + process.env.RENDERFAST_API_KEY }
});
const { data, error } = await postApiGenerate({
client,
body: {
templateId: '0a1b2c3d-0001-4a00-8a00-000000000001',
layers: {
"tag": {
"text": "ENGINEERING"
},
"title": {
"text": "How we cut render time by 80% with a headless pipeline"
},
"author": {
"text": "Maxime Bele"
}
}
}
});
if (error) throw error;
console.log(data.imageUrl);More OG Image templates
Other templates in this category you can start from.
Frequently asked questions
What size should an OG image be?
The standard Open Graph size is 1200 × 630px. Every OG template here is built at that size and renders a pixel-perfect 1.91:1 preview.
How do I make each page’s OG image dynamic?
Point your og:image meta tag at the render URL and pass the page’s title, author, or image as parameters — the API returns a unique, cached PNG per page.
Start with the Blog / Article OG template
Clone it, customize it in the editor, and generate it via the API. Free to start.
Use this template