What is the recommended Open Graph image size?

The recommended OG image size is 1200×630 pixels (1.91:1 ratio). This is the standard used by Facebook, LinkedIn, and most other platforms for link preview images.

What is the Twitter Card image size?

Twitter Large Cards use 1200×675 pixels (16:9 ratio). Twitter Summary Cards use 800×418 pixels. The Large Card format is recommended for most use cases as it displays more prominently.

How do I add Open Graph images to my website?

Add these meta tags to your page's head section: og:image pointing to your image URL, og:image:width set to 1200, and og:image:height set to 630. Most CMS platforms and Next.js have built-in OG image support.

Are my images uploaded to a server?

No. All processing happens entirely in your browser using the Canvas API. Your images never leave your device.

Where does the Open Graph image appear when I share a link?

OG images appear as link preview thumbnails on Facebook, LinkedIn, Slack, WhatsApp, iMessage, Discord, and most other platforms when someone pastes a URL. The image is fetched by each platform's crawler from your og:image URL.

What file size limit should an Open Graph image be?

Keep OG images under 1MB for fast loading — platforms cache them, but a large file slows the initial cache-fill crawl. JPG is preferred over PNG for photographic OG images as it produces much smaller file sizes.

Open Graph Image Resizer — OG Images for Social Sharing

Why Use This Tool?

Open Graph images are the preview images that appear when your URL is shared on Facebook, LinkedIn, Twitter, WhatsApp, Slack, and other platforms. They're arguably the most impactful marketing asset for any web page — a compelling OG image dramatically increases click-through rates on shared links. Getting the dimensions right prevents unwanted cropping in previews.

Open Graph Image Size Guide (2026)

Platform	Size (pixels)	Aspect Ratio	Notes
OG Standard (Facebook, LinkedIn)	1200×630	~1.91:1	Universal social sharing
Twitter Large Card	1200×675	16:9	summary_large_image type
Twitter Summary Card	800×418	~1.91:1	summary type

Privacy First — 100% Client-Side

Your images are processed entirely in your browser using the HTML5 Canvas API. Nothing is uploaded to any server. You can verify this by disconnecting from the internet after loading the page — the tool works offline.

Tip: After setting your OG images, test them with platform-specific validators: Facebook Sharing Debugger (developers.facebook.com/tools/debug), Twitter Card Validator (cards-dev.twitter.com/validator), and LinkedIn Post Inspector (linkedin.com/post-inspector). These tools show exactly how your link preview will look.

Tips for Open Graph Images

Include a title — OG images are more effective when they include the page title or key message as text embedded in the image, not just the page title from og:title.
Brand consistently — all OG images across your site should use the same template, colors, and font. Consistent OG images make your links instantly recognizable in feeds.
High contrast, readable text — OG images are often viewed at small sizes in previews. Text must be large and high-contrast to be readable as a thumbnail.
Use JPG for photos — OG images should be under 5MB (recommended under 1MB for fast loading). JPG is better than PNG for photographic content.
Cache busting — platforms cache OG images. If you update an image, the URL must change (or use the platform's cache invalidation tool) to see the update in previews.