# OG image generator

> Type a title and description, pick a theme, and download a 1200×630 Open Graph image, or use its permanent URL directly as your og:image.

URL: https://render.cuelark.com/og-image-generator

## How to use it
1. Write the page title. It shrinks automatically to fit.
2. Add a short description, an eyebrow label and your domain.
3. Download the PNG, or copy the meta tags with the image URL.

## Meta tags to paste
```html
<meta property="og:image" content="https://render.cuelark.com/v1/og?title=Your+title&site=example.com" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
```

## One image URL per page, made automatically
Blogs and docs sites can build the image URL from each page's title in their template, so every page gets its own preview without anyone opening a design tool. The URL renders on first request and is cached after that.

## FAQ
### What size should an OG image be?
1200 × 630 pixels (1.91:1) is the safe size for Facebook, LinkedIn, Slack, Discord and iMessage. Keep important text away from the edges, because some apps crop slightly.

### Can I use the image URL directly in og:image?
Yes. The URL returns a PNG and is cached at the edge, so it's fine to reference it from your pages.

### Will my logo show?
Logos aren't supported yet. The card shows your site name with an accent dot. Upload your own image if you need a logo.