Getting Started

Create your first OG image in under 60 seconds. No sign-up, no server, no cost.

How It Works

og-image.org runs entirely in your browser. Your data never leaves your device.

Pick a Template

Choose from 20+ professionally designed templates

Customize

Edit title, description, colors, and background image

Export

Download as PNG or copy the meta tags for your site

Step-by-Step

1. Open the Generator

Go to og-image.org and you'll see the editor with a live preview.

2. Choose a Template

Browse templates in the left panel. Each template is optimized for the 1200×630 OG image standard used by Twitter, LinkedIn, and Facebook.

3. Edit Your Content

Type your title and description. Adjust colors, fonts, and layout. The preview updates in real time.

4. Download or Copy Code

Click "Download PNG" to save the image, or use "Copy Code" to get the HTML meta tags ready to paste into your site.

Adding OG Images to Your Site

After downloading your image, add these meta tags to your HTML <head>:

HTML

<meta property="og:image" content="https://yoursite.com/og-image.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yoursite.com/og-image.png" />

Next Steps

Dynamic OG with Satori →

Generate images at runtime from your data

Next.js Integration →

Add dynamic OG images to your Next.js app

Ready to create?

Open the generator and build your first OG image now.

Open Generator