Picovert

Open Graph Image Size Guide: Perfect Dimensions for Every Platform

By Picovert Team2026-03-106 min read

When someone shares your webpage on Facebook, LinkedIn, or Twitter, the platform fetches your Open Graph image to display alongside the link. Get this image wrong — wrong size, wrong format, too heavy — and your carefully crafted content shows up as a blurry thumbnail or a generic placeholder. This guide covers every dimension and format requirement you need to know to make your OG images look perfect everywhere.

The Universal Open Graph Image Size

The standard recommended by the Open Graph protocol and accepted by every major platform is1200 x 630 pixels at a 1.91:1 aspect ratio. This is the size you should use for every page on your site unless a platform-specific override is needed. At 1200 x 630:

  • Facebook displays it at full width in the news feed (up to 1200 px wide)
  • LinkedIn shows it as a large preview card (approximately 1200 x 627 px)
  • Twitter/X crops it to 1200 x 628 px for summary_large_image cards
  • Slack unfurls it at up to 800 px wide with proportional height
  • WhatsApp previews it as a 300 x 157 thumbnail (keeping the ratio)

A single 1200 x 630 PNG or JPG covers all of these platforms without any cropping issues, provided your key content — logos, headlines, faces — is centered and not too close to any edge.

Minimum Acceptable Sizes

If generating 1200 x 630 images is not feasible for every page, the absolute minimums are:

  • 600 x 315 px: The minimum Facebook accepts for a large image preview. Below this, Facebook uses a smaller inline thumbnail instead of a full-width card.
  • 200 x 200 px: The minimum for a small thumbnail fallback. This is the image Facebook uses when no large OG image is specified.
  • 300 x 157 px: Twitter's minimum for summary_large_image. Anything smaller falls back to a 144 x 144 square thumbnail.

Stick to 1200 x 630 and you will never hit any of these minimums.

Platform-Specific Nuances

While 1200 x 630 is universally safe, a few platforms have specific quirks worth knowing:

  • Facebook: Prefers images with a 1.91:1 ratio. Images uploaded over 8 MB are rejected. Facebook caches OG images aggressively — use the Sharing Debugger tool to refresh the cache when you update an image.
  • Twitter/X: The twitter:card meta tag must be set tosummary_large_image for the big preview to appear. Without it, Twitter falls back to a 144 x 144 square even if your OG image is correct.
  • LinkedIn: Crops images to 1200 x 627 (a slightly different ratio). Keep all critical content in a centered 1200 x 600 safe zone to avoid edge cropping.
  • iMessage / iOS: Uses the OG image for link previews. Apple prefers JPG over PNG for link previews due to size differences.

File Format: JPG vs PNG vs WebP

Most platforms support both JPG and PNG for OG images. Here are the trade-offs:

  • JPG: Best for photographs and images with many colors. A 1200 x 630 JPG at quality 85 typically comes in between 80–150 KB — well within all platform limits.
  • PNG: Best for graphics, text-heavy images, logos, and screenshots with sharp edges. Lossless PNG preserves every pixel but produces larger files (200–500 KB for a 1200 x 630 image).
  • WebP: Not fully supported as an OG image format by all crawlers and older platforms. Stick to JPG or PNG for maximum compatibility.

Keep your OG image file size under 1 MB. Most platforms recommend under 300 KB for fastest loading. Use image compression to reduce file size without visible quality loss before uploading.

Designing Your OG Image

An OG image is marketing material — it is your first impression in a social feed. Follow these design principles:

  • Keep critical content in the center 80%: All four sides may be cropped slightly depending on the device and platform. Logos and headlines in the outer 10% of the image risk being cut off.
  • Use readable text at 24px minimum: OG images are often displayed at 400–600 px wide. Text smaller than 24px in the source image becomes illegible at preview sizes.
  • Include your brand: A logo or brand color in the corner instantly tells users which site the link belongs to, increasing click-through rates.
  • Use high contrast: Dark text on light backgrounds (or vice versa) ensures legibility even on small screens.

How to Create and Resize OG Images

If your OG images need resizing to exactly 1200 x 630, use Picovert's free image resizer to set exact pixel dimensions in seconds — no software installation required. For format conversion (e.g., PNG to JPG), the image converter handles it instantly in your browser. After resizing, run the result through the image compressor to hit the recommended sub-300 KB file size target.

Testing Your OG Images

Before publishing, always validate your OG implementation:

  • Facebook Sharing Debugger: Shows exactly how Facebook will render your link preview and lets you force a cache refresh.
  • Twitter Card Validator: Previews your Twitter card and flags missing meta tags.
  • LinkedIn Post Inspector: Clears LinkedIn's cache and shows the current preview.
  • opengraph.xyz: A third-party tool that simulates OG rendering across multiple platforms at once.

With the right dimensions (1200 x 630), a clean design, and a file size under 300 KB, your Open Graph images will look professional every time they are shared — giving your content the best possible chance of earning that click.