OG Image Generator
Template Settings
Configure your OG image

Use [brackets] for highlighted text. Line breaks supported.

Preview
Live preview of your OG image (1200×630)
Generating preview...
Generated URL
Use this URL in your meta tags
<meta property="og:image" content="https://zhfonblqamxferhoguzj.supabase.co/functions/v1/generate-og?template=announcement&layout=text-only&copy=Introducing+Supabase%0Afor+%5BPlatforms%5D" />
export const metadata: Metadata = {
  openGraph: {
    images: [
      {
        url: 'https://zhfonblqamxferhoguzj.supabase.co/functions/v1/generate-og?template=announcement&layout=text-only&copy=Introducing+Supabase%0Afor+%5BPlatforms%5D',
        width: 1200,
        height: 630,
      },
    ],
  },
}