Editorial & publishing
Article hero images, composed automatically at publish time.
A webhook on publish. PixelDrive composes the hero from the headline, byline and category palette and writes it to your CDN before the page is live.
webhook to CDN, before the page is live



The problem
Every article needs a hero image and an Open Graph card. Editors either pull from the same tired stock library or wait on a designer, and the social card is an afterthought that hurts click-through on every share.
How PixelDrive does it
- 01
Template per section
Design a hero layout per category and expose headline, byline, kicker and background as variables.
- 02
Hook the CMS
Fire a render from your publish webhook with the article metadata already in hand.
- 03
Compose at publish
PixelDrive pulls the headline and category palette and renders the hero plus the OG card in one pass.
- 04
Write to the CDN
The image lands on your CDN before the page is served. Readers and crawlers never see a missing card.
What you can vary.
Every field below is a variable in the template. Set them per render; everything else stays locked to the brand.
- Headline
- Kicker / category
- Byline & date
- Background image
- Section palette
- Aspect ratio (hero vs OG)
Questions
Q.01
Can I generate Open Graph images automatically?
Yes. Render the social card from the same article metadata as the hero, in the same call. The OG image is on your CDN before the URL is ever shared, so previews are never blank.
Q.02
Does it work with my CMS?
Any CMS that can fire a webhook on publish, WordPress, Contentful, Sanity, Ghost or a custom build, can drive PixelDrive. Send the article metadata, get image URLs back to store on the post.
Q.03
How fast is it at publish time?
Cold renders complete in roughly 700ms and the hero plus OG card land on your CDN in under 1.2 seconds end to end, fast enough to run inline on publish without holding up the editor.
Related use cases
- Paid acquisitionGenerate ad creative at scale, from one template.Read →
- Audio & mediaPodcast episode cover art, generated per episode from your feed.Read →
- Automation & developersProgrammatic image generation via one API, webhooks and your own queue.Read →
The first thousand renders are on us.
Start free