OG Image Generator
Free online — 1200×630px Open Graph image — no signup, no watermark
Double-click any text to edit it directly on the canvas
Templates
Font
Background
Background Image
What Is an OG Image and Why Does It Matter?
An Open Graph (OG) image is the preview image displayed when a URL is shared on social media platforms, messaging apps (Slack, WhatsApp, iMessage), and search engines. It is defined by the og:image meta tag in your page's HTML head.
Without a custom OG image, platforms display a random screenshot of your page — often the header or a misaligned section. A well-designed OG image increases click-through rate on shared links by 3–5× compared to pages with no OG image. Every blog post, product page, and landing page should have one.
OG Image Size — Exact Specifications
| Platform | Display size | Notes |
|---|---|---|
| 1200×630px (recommended) | Minimum 600×315px | |
| Twitter/X | 1200×630px | summary_large_image card |
| 1200×627px | Very close to standard | |
| Slack | 1200×630px | Shown in link unfurls |
| iMessage | 1200×630px | iOS link previews |
| 1200×630px | Android and iOS |
1200×630px works everywhere — use this as your standard OG image size. This tool exports at exactly 1200×630px.
How to Add an OG Image to Your Website
- Create and download your OG image using this tool.
- Upload it to your server or CDN (e.g.,
/public/og-image.jpg). - Add meta tags to your page's
<head>:
<meta property="og:image" content="https://yoursite.com/og-image.jpg" /> <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.jpg" />
Optimize Your OG Image
Keep your OG image under 300KB for fast loading. Large OG images slow down link preview rendering on Slack and iMessage. Use CompressImg.pro to compress your JPG to under 200KB without visible quality loss.