tulqr
🖼️SEO

OG Image Generator

Create Open Graph images for social sharing previews. Customise title, subtitle, logo, colors, and layout — export as 1200×630 PNG, ready to use.

CONTENT
COLORS
Accent#00C4A0
BG Start#0C0F1A
BG End#131722
LAYOUT & LOGO
COLOR PRESETS

How Open Graph Images Increase Click Rates

When your content is shared on social media, the platform fetches your Open Graph image to display as a visual preview. A well-designed OG image can increase click-through rates by 2–3× compared to a page that shows a blank preview or an unrelated screenshot.

What Is an Open Graph Image?

Open Graph (OG) is a protocol created by Facebook that allows web pages to control how they appear when shared on social platforms. The og:image meta tag specifies the image URL that Facebook, LinkedIn, Slack, Discord, iMessage, and other apps display when your link is shared. The standard size is 1200×630px.

CTR Optimisation: What Works

High-performing OG images have a clear hierarchy: a large, bold title that's readable at thumbnail size, a subdued subtitle for context, a recognisable logo or brand element, and a strong brand color. Avoid cluttered designs — the image appears at roughly 500×262px in most feeds, so simplicity always wins.

Implementation: Adding OG Tags

After generating your OG image, upload it to your server and add these tags inside <head>: <meta property="og:image" content="https://yoursite.com/og-image.png">

Frequently Asked Questions

What size should my OG image be?
The recommended size is 1200×630px (1.91:1 aspect ratio). This ensures it displays well on Facebook, LinkedIn, Twitter/X, Slack, and Discord. Files should be under 8MB — aim for under 1MB for fast loading.
Do I need a different image for Twitter/X?
Twitter supports the same og:image tag but also has its own twitter:image meta tag. For large card format (recommended), use 1200×600px. Twitter ignores images smaller than 300×157px. You can use the same 1200×630px image — it just gets slightly cropped.
How do I check what my OG image looks like when shared?
Use opengraph.xyz, metatags.io, or Facebook's Sharing Debugger (developers.facebook.com/tools/debug) to preview how your link appears. LinkedIn has a Post Inspector at linkedin.com/post-inspector. These tools also let you force-refresh cached previews.
How long does it take for social platforms to update a cached OG image?
Facebook caches for 24 hours (force-refresh with their Sharing Debugger). Twitter caches for 7 days. LinkedIn caches for 7 days (use their Post Inspector to refresh). Slack and Discord refresh within minutes. Add a cache-busting version param to your image URL when you update it.