What size should an OG image be?

The recommended Open Graph image size is 1200x630 pixels (1.91:1). This tool exports exactly that, plus other common sizes.

Where do I use the image?

Upload it to your site and reference it in your page's og:image and twitter:image meta tags so it appears when your link is shared.

Yes - free, no watermark, and generated privately in your browser.

Need a website that wins clients? Webteqno builds flat-price small business websites, live in 2–3 weeks. No retainer. Get a free quote →

OG Image Generator

Beautiful Social Share Images in Seconds

Design the 1200x630 image that shows when your link is shared on Facebook, LinkedIn, X and Slack - with your logo, a headline, and your brand colors.

Live Preview

1200x630

Preparing preview…

Add this to your page <head>: <meta property="og:image" content="..."> and <meta name="twitter:image" content="...">.

Related tools

From the team behind these free tools

Your logo is sorted. Is your website bringing in clients?

These tools are built by Webteqno, a web design and SEO studio with 9+ years and 200+ websites behind it. We help US small businesses look credible and get found on Google and in AI search.

Website design at a flat price, written scope, launched in 2–3 weeks
SEO and local SEO that gets you on page one where your customers search
GEO / AI search visibility so ChatGPT, Gemini and Google AI Mode recommend you
No retainer to start. Reply within one business day

Get a free AI visibility audit Get a website quote

Serving small businesses, service firms and SBA-certified federal contractors across the US.

What Is an OG Image (and Why It Matters)

An Open Graph (OG) image is the picture that appears when someone shares your link on social media or in chat apps. A custom, branded OG image dramatically increases clicks - a bare link looks untrustworthy, while a polished card with your logo and headline stands out in the feed.

Recommended sizes

1200x630 - the standard Open Graph / Facebook / LinkedIn size (1.91:1).
1200x675 - works well for X (Twitter) large summary cards.
1080x1080 - square, handy for Instagram-style sharing.

How to use your OG image

Design and download your image here.
Upload it to your website (for example /og-image.png).
Add these tags to your page's <head>: <meta property="og:image" content="https://yoursite.com/og-image.png"> and the matching twitter:image.
Test with a sharing debugger and you're done.

Why does my old preview still show?

Social platforms cache OG images. Use their link/post inspector to refresh the cache after updating.

Privacy toolkit

Inspect metadata before you share

Review hidden information in finished assets with private, local-processing tools. Your files stay in your browser.

Browse all AI and metadata tools

Banner AI Metadata RemoverClean metadata from wide campaign and social banner images.AI Metadata CheckerSee which metadata fields are present before you publish or share a file.

Open Graph image sizes and where they appear

An Open Graph (OG) image is the picture shown when someone shares your link in Facebook, LinkedIn, Slack, WhatsApp, iMessage, Discord or X. Without one, platforms pick a random image from the page — or show nothing — and the link gets fewer clicks.

Output size	Use
1200 × 630 (1.91:1)	The standard og:image for Facebook, LinkedIn, Slack, WhatsApp and most others
1200 × 675 (16:9)	X (Twitter) large summary cards
1080 × 1080	Square posts and some messaging previews
1280 × 720	YouTube thumbnails and 16:9 title cards
1920 × 1080	Full HD slides and video intro frames

Design rules that survive every preview

Keep text large and short. Previews are often shown 400–500 px wide on phones; a headline under about 60 px tall on the 1200 px canvas becomes hard to read.
Keep content central. Some apps crop the edges or overlay the domain name at the bottom.
Put your logo in a corner at a modest size — it is a signature; the headline sells the click.
High contrast. Previews appear on white and dark-mode backgrounds alike.

Adding the image to your page

Upload the PNG to your site and reference it with absolute URLs in the page’s <head>: og:image, plus og:image:width, og:image:height and twitter:card set to summary_large_image. The Meta Tag Generator writes these tags for you.

Why the old image still shows

Platforms cache link previews. After changing an OG image, use each platform’s link debugger (Facebook Sharing Debugger, LinkedIn Post Inspector) to refresh the cache, or give the image a new file name so it is treated as new.