Skip to main content

​
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

CapabilityDetails
Auto brand scrapingPulls colors, fonts, and logos from any URL when no overrides are provided.
Query parametersOverride copy, CTAs, images, or colors via URL parameters for maximum control.
Signed URLsLock down production cards with signed links so only approved templates render.
Format flexibilityPNG, 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.