SlugGenius
Content
Slug GeneratorBulk Slug GeneratorSERP Snippet Preview
Technical
Schema GeneratorRobots.txt Generator301 Redirect Generator
Social
Open Graph GeneratorOG Image GeneratorNEW
GEO · AI visibility
GEO Readiness AuditNEW
Resources
Blog
9 free tools · no sign-up
Built for search & AI visibility
SlugGenius
Content
Slug GeneratorBulk Slug GeneratorSERP Snippet Preview
Technical
Schema GeneratorRobots.txt Generator301 Redirect Generator
Social
Open Graph GeneratorOG Image GeneratorNEW
GEO · AI visibility
GEO Readiness AuditNEW
Resources
Blog
9 free tools · no sign-up
SlugGeniusSocialOG Image Generator

OG Image Generator

Social

Build a custom Open Graph image using ready-made templates — Blog, Dark, Bold, and Minimal. Live 1200×630 preview, background options, logo/avatar support, and one-click PNG download.

Frequently asked questions3

QWhat is an OG image?

An OG (Open Graph) image is the thumbnail that appears when your page is shared on social media. It's controlled by the og:image meta tag and should be 1200×630 pixels for sharp rendering across all platforms.

QWhich template should I choose?

Hero works best for photo-heavy content. Split balances image and text. Bold is ideal for text-first brands or when you don't have a great photo. Minimal suits clean, product-focused pages.

QWill my image look exactly like the preview?

The in-browser preview is a close approximation. The downloaded PNG is rendered at the full 1200×630 resolution using the Canvas API. External images must allow cross-origin access (CORS) to appear in the download.

Related tools

Open Graph GeneratorMake your links look right when shared anywhere.SERP Snippet PreviewSee how your page looks in Google — measured to the pixel.

Live Preview1200 × 630 px

Main Image
S
SEO
How to Build Perfect SEO-Friendly URLs
SlugGenius
Jun 12, 2025 · 5 min read

Choose Template

Text

Images

How it works.

Create a professional Open Graph image for any page — no design tool or sign-up required.

01

Choose a template

Pick from Blog, Dark, Bold, or Minimal — four professionally designed 1200×630 layouts.

02

Fill in your content

Add your title, tag, author, date, logo, and main image using the editor panel.

03

Customize the look

Adjust background color, gradient direction, dot pattern, and call-to-action button.

04

Download your PNG

Export a full-resolution 1200×630 PNG image, ready to use as your og:image tag.

Why your OG image is the most important social asset

The Open Graph image is the single most visible element when your page is shared on Facebook, LinkedIn, Slack, Discord, or WhatsApp. Before a reader sees your headline or reads your meta description, they see the image. Research from social platforms consistently shows that links with a strong, purpose-built image earn two to three times more clicks than links that display a random scraped thumbnail or a missing-image placeholder. Every page on your site that gets shared is an opportunity to drive traffic — or waste it.

The 1200×630 pixel standardexists because it maps to a 1.91:1 aspect ratio — the proportion that Facebook, LinkedIn, and Twitter/X all use for large-card link previews. Images that don't match this ratio get cropped, sometimes cutting off your logo or the most important part of your text. Always design to the exact canvas: 1200 pixels wide by 630 pixels tall. Keep text and critical visuals within a safe zone of roughly 100px from each edge to avoid cropping on smaller displays.

Template choice should match your content type. The Blog (Aurora) template works best for articles and editorial content with a strong hero photo. The Dark Glow template suits technical content, SaaS products, and dark-mode brands. The Bold Magazine template is ideal for high-impact announcements where the headline is the strongest visual. The Minimal Rings template fits clean brands and product-focused pages where whitespace signals quality.

OG image specifications

  • ✓ Canvas: 1200 × 630 px (1.91:1 ratio)
  • ✓ Format: PNG or JPG — both universally supported
  • ✓ File size: Under 1 MB for fastest load
  • ✓ Safe zone: Keep content 100px from all edges
  • ✓ Text: Min 40px font size for thumbnail legibility
  • ✕ Avoid small text — it disappears at thumbnail scale

Platforms that render OG images

  • Facebook & Instagram — Full 1.91:1 large card
  • LinkedIn — 1.91:1 card, text overlay
  • Twitter / X — summary_large_image card
  • Slack — Compact preview with title
  • Discord — Large embed in messages
  • WhatsApp — Thumbnail + title preview

Pro tip: cache busting

Social platforms aggressively cache OG images. If you update your image and the old one still shows, use Facebook's Sharing Debugger or LinkedIn's Post Inspector to force a refresh. For Twitter/X, adding a query string like ?v=2 to your og:image URL forces platforms to re-fetch the new image instead of serving the stale cached version.