Open Graph Image Docs

Documentation

Short practical guides for WordPress, API, templates, variables, media files, and limits.

First working path

1
Create a template
Open Studio and build a 1200x630 image. Start manually or ask the AI assistant for a first draft.
2
Add test data
Use variables like {{title}} and {{image_url}}, then preview the cover with realistic values.
3
Connect a site
Use the WordPress plugin for WordPress sites. For custom sites, create an API key and call /api/generate from your server.

Minimal JSON

template.json

{
  "width": 1200,
  "height": 630,
  "background": "#0f172a",
  "layers": [
    {
      "kind": "fill",
      "id": "background",
      "fill": { "type": "solid", "color": "#0f172a" }
    },
    {
      "kind": "text",
      "id": "title",
      "content": "{{title: Preview title}}",
      "font": {
        "family": "Roboto/Roboto-Black",
        "size": 64,
        "color": "#ffffff"
      },
      "max_width": 900,
      "max_lines": 3,
      "magnetic": { "to": "background", "anchor": "center" }
    }
  ]
}