Understanding OG Image Aspect Ratios
The aspect ratio of your OG image determines whether it shows up as a beautiful full-width preview or an awkwardly cropped rectangle. Most platforms expect a specific ratio, and getting it wrong leads to cut-off text, missing branding, or letterboxed images.
The 1.91:1 Standard Ratio
Facebook established the 1.91:1 aspect ratio (1200x630 pixels) as the de facto standard for OG images. This ratio was chosen because it fills a wide horizontal space in the news feed while leaving room for the title and description below the image. Most social platforms adopted this same ratio or something very close to it, making 1.91:1 the safest universal choice. When you design at this ratio, your image will display correctly on Facebook, LinkedIn, Discord, Slack, WhatsApp, and most other platforms that render link previews. Deviating from this ratio forces platforms to crop or letterbox your image, both of which look unprofessional.
Twitter's 2:1 Ratio Preference
Twitter uses a 2:1 aspect ratio (1200x600) for its summary_large_image card type, which is slightly wider than the standard OG ratio. When Twitter receives a 1.91:1 image, it crops approximately 15 pixels from the top and bottom to fit the 2:1 display area. For most images with centered content and reasonable padding, this cropping is unnoticeable. However, if your design has critical elements near the top or bottom edge, those elements will be cut off on Twitter. The solution is to either design with a generous safe zone around your content or create a separate Twitter-specific image at 1200x600. Most developers choose the safe zone approach because maintaining two images per page doubles the complexity.
What Happens with Wrong Aspect Ratios
If your OG image is square (1:1) or portrait-oriented, social platforms will not simply display it at a different size. Facebook will crop a 1:1 image to fit the 1.91:1 card, cutting off the top and bottom third. A tall portrait image loses even more content. Some platforms fall back to a small thumbnail view instead of the large preview, which drastically reduces visual impact and engagement. On the other extreme, ultra-wide images (like 3:1 panoramas) will have the sides cropped. The takeaway is that straying from the expected aspect ratio always results in a loss of control over what viewers see, which defeats the purpose of having a custom OG image in the first place.
Designing for Multiple Ratios Simultaneously
The practical approach is to design your primary content in the center of a 1200x630 canvas, keeping all essential elements within a 1200x600 safe zone. This way, the full image works perfectly for OG (1.91:1) and the slightly cropped version still looks great on Twitter (2:1). Place your headline text, logo, and key visual elements in the horizontal center and within the top 85% of the vertical space. Background elements like patterns, textures, or bleed graphics can extend to the edges since losing a few pixels of those is not noticeable. Think of it like designing a poster where the edges might get trimmed during printing.
Specifying Dimensions in Meta Tags
Including og:image:width and og:image:height in your meta tags helps platforms render your image faster and more accurately. Without these tags, the crawler has to fetch the image and read its headers or download it entirely to determine the dimensions, which adds latency and can lead to fallback behavior during timeouts. When you specify the dimensions upfront, the platform can reserve the correct space in the layout before the image finishes loading, which creates a smoother experience for the viewer. Always make sure the declared dimensions match the actual image dimensions exactly, because a mismatch can cause scaling artifacts or layout shifts.
Generate your OG image in seconds
Paste a title, pick a brand color, and get production-ready social cards for every platform — with framework-specific meta tag snippets included.
Create Perfectly Proportioned OG Images