> ## Documentation Index
> Fetch the complete documentation index at: https://docs.metakit.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Instant Image Generation

> On-the-fly OG, Twitter, and blog imagery that scrapes your pages and renders in milliseconds.

# Instant Image Generation

Instant Image Generation is MetaKit’s on-the-fly graphics engine. Point it at any URL (or pass structured props) and it scrapes titles, descriptions, logos, and color palettes before rendering an Open Graph/Twitter-ready card in under 200 ms. Unlike Branded Graphics Studio, this feature is fully programmatic—perfect for blogs, changelogs, docs, pricing pages, and any surface that needs a bespoke preview for every route.

## How it works

1. **Detect brand context:** We crawl the target URL (or use provided parameters) to learn titles, copy, logos, and theme colors.
2. **Select a template:** Choose from Clean, Bolt, Promo, Pricing, Event, Wedding, Docs, Highlight, and more.
3. **Render globally:** The card is generated on the edge with CDN caching so link previews stay fast worldwide.
4. **Embed anywhere:** Drop the generated URL into `og:image`, `twitter:image`, blogs, emails, dashboards, or partner embeds.

## Why teams love it

* **Zero maintenance:** Update a headline or hero image in your CMS and every share card updates in sync.
* **Campaign agility:** Launchers can ship daily changelog entries or microsites without waiting on design handoffs.
* **Template consistency:** Use the same layouts defined in `image-api/templates/` so engineering, marketing, and design stay aligned.

## Feature highlights

| Capability          | Details                                                                               |
| ------------------- | ------------------------------------------------------------------------------------- |
| Auto brand scraping | Pulls colors, fonts, and logos from any URL when no overrides are provided.           |
| Query parameters    | Override copy, CTAs, images, or colors via URL parameters for maximum control.        |
| Signed URLs         | Lock down production cards with signed links so only approved templates render.       |
| Format flexibility  | PNG, SVG, and HTML outputs ready for OG/Twitter tags, emails, or internal dashboards. |

## When to pair with other products

* **Content Studio:** Every AI-written post automatically receives a matching preview card when published.
* **Metadata Intelligence:** Pages flagged as missing OG/Twitter tags can auto-heal by pointing to Instant Image Generation URLs.
* **Branded Graphics Studio:** Use the studio for curated campaigns, then hand the final art direction to Instant Image Generation for long-tail pages.

## Next steps

1. Visit `image-api/overview` for API fundamentals and sample URLs.
2. Explore `image-api/templates/index` to pick the best template for each content type.
3. Wire the generated URL into your `<meta property="og:image">` tags and verify previews in Slack, LinkedIn, and iMessage.

Need a quick proof? Try dropping this URL into any chat tool:

```
https://gen.metakit.app/p/link/clean.png?title=MetaKit+Launches+2.0&desc=Automation+for+content,+metadata,+and+graphics.&division=Blog&brand=MetaKit&primaryColor=%2322C55E
```

It’s the same engine powering our docs preview images, so you can be confident that every share of your site looks professional without manual design work.