tulqr
SEO7 min readMay 16, 2026

🔗 How Open Graph Images Increase Click Rates

A complete guide to Open Graph images: what they are, how they work, CTR optimisation best practices, implementation, and branding strategies for social sharing.

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

🖼️
OG Image Generator
Create branded Open Graph images with custom title, logo, colors, and layouts. Export as 1200x630 PNG — free.
Try it free →

What Is an Open Graph Image?

Open Graph (OG) is a protocol developed by Facebook that allows web pages to control their appearance when shared on social platforms. The og:image meta tag specifies the image URL that Facebook, LinkedIn, Slack, Discord, iMessage, WhatsApp, and other apps display when your link is shared. The standard size is 1200x630px at a 1.91:1 aspect ratio.

How Social Platforms Use OG Images

  • Facebook: displays as a large card below the post text
  • LinkedIn: prominent image card shown in feed
  • Twitter/X: summary_large_image card shows full-width preview
  • Slack: compact thumbnail shown in message
  • Discord: large embed preview when link is posted
  • iMessage: small thumbnail preview in conversation
  • WhatsApp: image thumbnail beside link title and description

CTR Optimisation: What Works

High-performing OG images share consistent design principles. The title text must be large enough to read at thumbnail size — the image displays at roughly 500x262px in most feeds. Brand colours and a recognisable logo build trust at a glance. A clear hierarchy guides the eye effectively.

  • Bold, legible title text — minimum effective size is ~64px on the full-res image
  • High contrast between text and background
  • A recognisable brand element (logo, brand color, or domain name)
  • Simple layouts — avoid cramming too much into the frame
  • A clear value proposition visible without reading the link text

Social Sharing Psychology

Social feeds are high-velocity environments where users make share-or-scroll decisions in under a second. An OG image acts as a billboard — it must communicate the content's value at a glance. Text-only previews perform 40-60% worse than image previews in controlled click-through studies.

Preview Consistency Across Platforms

Different platforms display OG images at different aspect ratios. Facebook and LinkedIn crop to 1.91:1. Twitter large card uses roughly 2:1. Discord and Slack show the full image. Design your OG image so the critical content — title and logo — is in the central 80% of the frame, safe from all platform crops.

Pro tip: Create page-specific OG images rather than using your homepage image for all pages. Pages with custom OG images consistently outperform those using a generic site image in click-through tests.
📐
Social Media Image Resizer
Resize any image for all platforms in one click — Instagram, TikTok, YouTube, Facebook, X, LinkedIn.
Try it free →

Frequently Asked Questions

What size should my OG image be?
1200x630px at 72 DPI is the universal standard. File size should be under 8MB — aim for under 1MB for fast loading. JPEG at 85% quality is ideal for photographic images; PNG for text-heavy or graphical designs.
Do I need a different image for Twitter?
Twitter supports og:image but also has twitter:image. For summary_large_image cards (recommended), the ideal size is 1200x628px. Using the same 1200x630px image works fine — Twitter crops 2px from the bottom.
How do I check what my OG image looks like when shared?
Use opengraph.xyz, metatags.io, or Facebook's Sharing Debugger at developers.facebook.com/tools/debug. LinkedIn has a Post Inspector at linkedin.com/post-inspector. These tools also force-refresh cached previews.
How long does it take for platforms to update a cached OG image?
Facebook caches for 24 hours (force-refresh with Sharing Debugger). Twitter caches for 7 days. LinkedIn caches for 7 days (use Post Inspector to refresh). Slack and Discord typically refresh within minutes.
Can I use the same OG image for every page on my site?
You can, but it is not recommended. Generic OG images underperform page-specific ones in click-through tests. At minimum, create separate OG images for your homepage, blog, and major product pages.

Tools Mentioned in This Article

📐 Social Media Image Resizer🖼️ OG Image Generator

Related Articles

🖼️
How to Create Perfect Favicons for Websites
6 min read
📐
Best Social Media Image Sizes in 2026
7 min read
📦
Essential Website Branding Assets Every Startup Needs
6 min read
← Back to Blog