Twitter/X Card Dimensions 2026: The Complete Image Size Guide

Twitter card dimensions haven't stayed still. X (formerly Twitter) has tweaked image handling, card rendering, and cropping behavior multiple times. If you're using dimensions from a 2023 guide, your images might be getting cropped in ways you don't expect.

This is the updated 2026 reference. Bookmark it.

Summary Large Image Card

This is the card type you want for most links. It renders a large image above the title and description, taking up significant real estate in the feed.

Dimensions: 1200 x 628 pixels Aspect ratio: 1.91:1 Minimum size: 300 x 157 pixels (but don't go this small — it looks terrible) Maximum file size: 5MB Supported formats: JPG, PNG, GIF, WEBP

This is the card you see when someone shares a blog post, landing page, or product page with a well-configured og:image. It's the highest-engagement card format because the image dominates the preview.

To trigger this card type, include these meta tags in your page's head:

• twitter:card set to "summary_large_image"
• twitter:image pointing to your image URL
• twitter:title with your page title
• twitter:description with a short summary

If you don't set twitter:card, X defaults to the smaller summary card — which gets significantly less engagement.

Summary Card (Small Image)

The compact card format. Shows a small square thumbnail next to the title and description.

Image dimensions: 144 x 144 pixels minimum, 4096 x 4096 pixels maximum Displayed size: Roughly 120 x 120 pixels in the feed Aspect ratio: 1:1 (square) Maximum file size: 5MB

This format works for content where the text matters more than the image — API documentation, text-heavy articles, or pages where you don't have a compelling visual. But for most use cases, the large image card is the better choice.

In-Stream Photos

When you attach an image directly to a tweet (not a link preview), different rules apply.

Recommended dimensions: 1600 x 900 pixels Aspect ratio: 16:9 Minimum display: 600 x 335 pixels Maximum file size: 5MB per image (15MB for GIFs)

Single images display at 16:9 in the feed. Two images split into two equal rectangles. Three images show one large rectangle and two smaller ones. Four images display in a 2x2 grid.

Pro tip: If you're posting a product screenshot as an in-stream image (not a link), design it at 1600 x 900 to avoid any cropping surprises.

Profile Banner

Dimensions: 1500 x 500 pixels Aspect ratio: 3:1 Maximum file size: 5MB

The banner gets cropped differently on mobile vs desktop. Keep critical elements (text, logos) in the center 60% of the image. The top and bottom edges get clipped on smaller screens.

DM Shared Images

Images shared in direct messages render differently than in the public feed.

Recommended: 1200 x 628 for link previews, 1600 x 900 for direct image shares

DM previews are smaller and more compressed. High contrast and large text are even more important here than in the public timeline.

The Meta Tags You Need

Getting the dimensions right only matters if your meta tags are correct. Here's the essential set:

• og:image — The image URL (used as fallback by X)
• twitter:image — X-specific image (takes priority over og:image)
• twitter:card — Either "summary" or "summary_large_image"
• twitter:title — Your page title
• twitter:description — Short description (max 200 characters renders well)
• twitter:site — Your account handle (optional but recommended)

X checks for twitter-specific tags first, then falls back to Open Graph tags. If you only set og:image without twitter:card, you'll get the smaller summary card by default. Always explicitly set twitter:card to "summary_large_image" for the best results.

If you need to quickly create card images at the right dimensions, a Twitter card generator handles the sizing automatically so you don't have to think about it.

Dark Mode Considerations

This is where most people slip up. Over 80% of X users browse in dark mode. Your card image sits against a near-black background.

What breaks in dark mode:

• Light gray backgrounds blend into the card border and look washed out
• White text on light backgrounds becomes invisible
• Subtle pastel colors lose all contrast
• Thin fonts become unreadable

What works in dark mode:

• Bold, saturated background colors (deep blue, rich purple, bright gradients)
• White or light text on dark or vivid backgrounds
• High contrast between all elements
• Clear separation between your image and the card border

Test every OG image against a dark background before publishing. If it doesn't pop on #000000, rethink the design.

Common Mistakes That Kill Engagement

Wrong Aspect Ratio

If your image doesn't match the expected aspect ratio, X crops it — from the center. That means your carefully positioned text or logo might get cut off entirely. Always design at exactly 1200 x 628 for summary_large_image cards.

Text Too Small

Your card image renders at roughly 500px wide on mobile feeds. Text that's readable at 1200px becomes illegible at 500px. Use a minimum of 48px font size at the full 1200px resolution. Fewer words, bigger type.

Low Contrast

A subtle, "elegant" design with muted tones and thin fonts might look great in Figma. On a busy Twitter timeline, it vanishes. Social feeds reward bold, high-contrast visuals.

Missing twitter:card Tag

Without this tag, X defaults to the small summary card regardless of how good your image is. One missing meta tag halves your visual real estate. Always check.

Broken Image URLs

If your og:image URL returns a 404, X caches that failure. Even after you fix it, the cached version persists. Use absolute URLs (not relative paths) and verify they're accessible before sharing.

How to Test Your Cards

Before sharing any link, validate it:

• X Card Validator — Paste your URL and see exactly how X will render your card. Also forces X to re-fetch cached images.
• Check mobile rendering — Open the validator on your phone too. What looks fine on desktop might crop poorly on mobile.
• Test in dark mode — Switch to dark mode and check the preview. This is how most people will see it.

Creating Twitter Cards Fast

You don't need Figma or Photoshop to create properly sized Twitter card images. With Screenhance, the process takes under two minutes:

• Upload your screenshot or visual
• Choose a background and device frame
• The tool handles the correct export dimensions
• Download and set as your og:image

For teams publishing frequently, having a consistent template saves hours per week. Design it once, swap in new screenshots for each page.

Quick Reference Cheat Sheet

• Summary large image card: 1200 x 628px, 1.91:1 ratio, 5MB max
• Summary card (small): 144x144 min, 4096x4096 max, 1:1 ratio
• In-stream photo: 1600 x 900px, 16:9 ratio
• Profile banner: 1500 x 500px, 3:1 ratio
• DM images: 1200 x 628px for links, 1600 x 900px for photos
• All formats: JPG, PNG, GIF, WEBP supported

Related Reading

• OG Image Size Guide: Dimensions for Every Social Platform - Dimensions across all social platforms
• How to Create OG Images That Get Clicks on Twitter and LinkedIn - Platform-specific creation tips
• OG Image Best Practices: The Complete Guide to Social Share Images - Design principles for social cards
• How to Make Your Screenshots Go Viral on Social Media - Maximizing social media engagement