AI-Generated OG Images
Describe what you want and GPT Image 2 will illustrate it. 1200×630, hosted on Cloudflare Images, generation takes ~2 minutes.
API Usage
Generate once, embed forever. The Cloudflare-hosted URL never re-bills OpenAI.
Open Graph (Facebook, LinkedIn, Slack)
Drop these into your <head>. The og:image:width and og:image:height hints help crawlers render previews instantly without re-fetching.
<meta property="og:image" content="https://imagedelivery.net/.../public" />
<meta property="og:image:secure_url" content="https://imagedelivery.net/.../public" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="A short description of the image" />
<meta property="og:title" content="Your page title" />
<meta property="og:description" content="Your page description" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://yoursite.com/page" />Twitter / X Card
Twitter ignores og:image in some contexts. Set twitter:card to summary_large_image so the 1200×630 image fills the card.
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://imagedelivery.net/.../public" />
<meta name="twitter:image:alt" content="A short description of the image" />
<meta name="twitter:title" content="Your page title" />
<meta name="twitter:description" content="Your page description" />
<meta name="twitter:site" content="@yourhandle" />Next.js App Router (metadata API)
If you're on Next.js 13+, export metadata from your page.tsx or layout.tsx and Next emits all the right tags for you.
export const metadata = {
title: "Your page title",
description: "Your page description",
openGraph: {
images: [{ url: "https://imagedelivery.net/.../public", width: 1200, height: 630 }],
},
twitter: { card: "summary_large_image", images: ["https://imagedelivery.net/.../public"] },
};GPT Image 2
Powered by OpenAI's latest image model at high quality, generated natively at 1200×640.
Sharp-cropped
Cropped to the exact 1200×630 OG aspect ratio for perfect previews on Twitter, LinkedIn, and Facebook.
Cloudflare CDN
Hosted on Cloudflare Images with global delivery. Generate once, embed anywhere.