Getting Started with OG Images

What Are Open Graph Images?#

Open Graph (OG) images are the preview images that appear when you share a link on social media platforms like Facebook, Twitter, LinkedIn, and Slack. They are defined using meta tags in your page's HTML, and they play a critical role in determining whether someone clicks on your link or scrolls right past it.

When a platform encounters a URL, it fetches the page and looks for og:image meta tags. If it finds one, it renders that image alongside the title and description as a rich link preview. Without an OG image, most platforms either show a blank space or generate a generic placeholder, which significantly reduces click-through rates.

Why OG Images Matter#

Studies consistently show that links with compelling preview images receive significantly more engagement than those without. A well-designed OG image can increase click-through rates by up to 40% compared to text-only link previews.

Here is what makes OG images so effective:

• Visual attention: Images grab the eye faster than text in a crowded feed
• Brand recognition: Consistent visual branding builds trust over time
• Content preview: A good image tells the viewer what to expect before they click
• Professional appearance: High-quality previews signal that the content behind the link is worth reading

The Right Dimensions#

The recommended size for OG images is 1200 x 630 pixels. This aspect ratio (roughly 1.91:1) works well across most platforms. Some specific considerations:

• Facebook: Displays at 1200 x 630, will crop smaller images
• Twitter: Uses the same dimensions for summary_large_image cards
• LinkedIn: Renders at 1200 x 627, nearly identical
• Slack and Discord: Both respect the standard OG dimensions

Creating Your First OG Image with Titlize#

Getting started with Titlize takes just a few steps:

1. Sign up for a free account -- you get 10 images per month at no cost
2. Upload a background image or choose from our template library
3. Add your title and subtitle -- our contrast detection ensures readability
4. Download or generate via API -- use the result wherever you need it

Titlize automatically applies gradient overlays and adjusts text positioning so your titles are always legible, regardless of the background image. You do not need design skills or expensive software.

Next Steps#

Once you have the basics down, explore our guides on Twitter card optimization and check out the API documentation to automate OG image generation for your entire site. With the WordPress plugin, you can even generate images for every post automatically without lifting a finger.