Open Graph card

Make a wide link preview image for each web page from one design.

Original1 of 6

File types: PNGJPEGWebP
Size: 1200 × 630 px
Use case: Link previews
Licence: Free to copy and use in your own templates
Source: Made by thirds.ai with the open-licence Fraunces and Instrument Sans fonts, original graphic marks, and fictional sample names.
Free tool: Free Open Graph image generator

About this design

What you can make with it.

When someone shares a page from your site, this is the picture people see with the link. It shows your site name, the page title, a short description, and the web address. You can make a new one for every page or post.

Your details

What you can change.

These are the words and numbers you swap for your own. The design stays the same.

Site nameA short text.
Page titleA short text.
DescriptionA longer text with more than one line.
Site urlA short text.

{
  "site_name": "Greenhaw Kitchen Garden",
  "page_title": "Grow tomatoes that actually ripen on a small balcony",
  "description": "A simple month-by-month plan for pots, feeding, and the first ripe fruit by August.",
  "site_url": "greenhawgarden.co.uk/tomatoes"
}

For developers

Make this file from your code or your AI tools.

Save your design once, then your code or AI tool sends the details and gets the finished file back. Each one costs 1 credit.

curl https://thirds.ai/v1/image \
  -H "Authorization: Bearer $THIRDS_API_KEY" \
  -H "Content-Type: application/json" \
  -H "Idempotency-Key: open-graph-card-1" \
  -d '{"template_id":"tpl_your_copy","version":1,"data":{"site_name":"Greenhaw Kitchen Garden","page_title":"Grow tomatoes that actually ripen on a small balcony","description":"A simple month-by-month plan for pots, feeding, and the first ripe fruit by August.","site_url":"greenhawgarden.co.uk/tomatoes"},"image":{"format":"png","width":1200,"height":630}}'

{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "render",
    "arguments": {
      "output": "png",
      "idempotency_key": "open-graph-card-1",
      "request": {
        "template_id": "tpl_your_copy",
        "version": 1,
        "data": {
          "site_name": "Greenhaw Kitchen Garden",
          "page_title": "Grow tomatoes that actually ripen on a small balcony",
          "description": "A simple month-by-month plan for pots, feeding, and the first ripe fruit by August.",
          "site_url": "greenhawgarden.co.uk/tomatoes"
        },
        "image": {
          "width": 1200,
          "height": 630
        }
      }
    }
  }
}

Edit this template

Open it in the editor, put your brand on it, and keep it with your own templates. Your first 50 credits each month are free.

Use this template

Try it with your details