Automate OG image generation with ogimage.org

Rendering screenshots as OG images

How Stagetimer uses a screenshot API to generate Open Graph images automatically, so shared links in Slack and Discord show a real page preview.

Published on by Lukas Hermann

At Stagetimer we use a screenshot API to automatically generate page previews for Open Graph meta tags.

Our customers are professionals in the live video and broadcasting space who often use Discord or Slack as communication platform. We want to make sure the generated previews for our links are useful and make for a polished look and feel.

Stagetimer Slack

With ScreenshotOne I can add signed links to all my static generated pages with a size of 1200×627, perfect for social. The ScreenshotOne caching policy guarantees the image stays up to date and the signature makes the link temper-save.

This means I can generate preview images of every page without the need of a dedicated backend or worker.

Stagetimer code example