Use Case

Generate OG images from any URL

Blog posts, landing pages, documentation — every page needs an OG image for link previews on Twitter, Slack, Discord, and LinkedIn. Most teams either skip them (ugly default previews) or spend hours in Figma. ScreenFramed generates them from the actual page content.

How it works

  • Combine aspect_ratio: "16:9" with device: "browser-macos" and your URL. The API captures the page, frames it in browser chrome, applies a styled background, and returns a 1200x630 image ready for your meta tags.
  • Add ai_copy: true to auto-generate a title and subtitle from the page's content.
  • Add ai_style: true to let AI pick the background.
  • Use webhooks for async generation: pass async: true and webhook_url to get notified when the image is ready. Useful for CMS integrations that generate OG images on publish.

API example

curl -X POST https://screenframed.com/v1/capture \
  -H "Authorization: Bearer sf_live_your_key" \
  -H "Content-Type: application/json" \
  -d '{
    "url": "https://your-blog.com/post/shipping-v2",
    "aspect_ratio": "16:9",
    "device": "browser-macos",
    "ai_style": true,
    "ai_copy": true
  }'