The Utility Base

OG Image Generator

Create Open Graph Images for Social Media Sharing

Generate OG (Open Graph) images at 1200x630 for social media previews. Use various templates and custom options to create professional preview images.

🖼️ What is an OG Image?

An OG (Open Graph) image is the preview image displayed when sharing links on social media like Facebook, Twitter, and LinkedIn. A well-designed OG image can significantly improve click-through rates.

Preview (1200x630)

HTML Meta Tags

<meta property="og:image" content="YOUR_OG_IMAGE_URL_HERE" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:type" content="image/png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="YOUR_OG_IMAGE_URL_HERE" />

📝 How to Use

  1. Enter title and subtitle text
  2. Select a template style
  3. Adjust colors and font size
  4. Download the PNG image
  5. Copy meta tags and add to your HTML

💡 OG Image Tips

  • Recommended size: 1200x630px (1.91:1 ratio)
  • Keep text concise with key message only
  • Use high-contrast colors for readability
  • Use text sizes readable on mobile devices
  • Use unique OG images for each page