Twitter Card Image Size

Image quality and aspect ratio make or break your link previews on X (formerly Twitter). Using wrong dimensions causes awkward cropping, blurriness, or failed card rendering.

This guide provides the exact image specifications for every Twitter Card type in 2026.

---

Specifications by Card Type

1. summary_large_image (Recommended)

This card type displays a prominent wide banner above the title and description. It is the gold standard for blog posts, news, and article sharing.

• Recommended Dimensions: 1200 × 628 pixels
• Minimum Dimensions: 300 × 157 pixels
• Aspect Ratio: 1.91:1
• Max File Size: 5 MB
• Supported Formats: PNG, JPEG, WebP, GIF

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://example.com/banner-1200x628.png" />
<meta name="twitter:image:alt" content="Descriptive text for accessibility" />

---

2. summary

This card type displays a small, square thumbnail image to the left of the title and description. Ideal for profile pages, search results, or minimalist links.

• Recommended Dimensions: 800 × 800 pixels (or 600 × 600)
• Minimum Dimensions: 144 × 144 pixels
• Aspect Ratio: 1:1 (Square)
• Max File Size: 5 MB
• Supported Formats: PNG, JPEG, WebP, GIF

<meta name="twitter:card" content="summary" />
<meta name="twitter:image" content="https://example.com/thumb-800x800.png" />

---

Universal Compatibility with Open Graph

You don’t need separate images for Twitter/X and Open Graph (Facebook/LinkedIn). A standard 1200 × 630 pixel image (1.91:1 aspect ratio) works seamlessly across both systems.

X automatically crops 1200 × 630 px images to fit its 1200 × 628 px container with zero visible distortion.

<!-- Single image for all social platforms -->
<meta property="og:image" content="https://example.com/social-banner.png" />
<meta name="twitter:image" content="https://example.com/social-banner.png" />

For more multi-platform sizing details, see our comprehensive Social Media Image Dimensions Guide and Open Graph Image Size Guide.

---

Best Practices for Twitter Card Images

1. Keep Focal Content Centered: X clips slightly at mobile viewport boundaries. Keep critical text and logos within the central 80% area.
2. Compress Files Under 1 MB: Although the technical limit is 5 MB, smaller images load significantly faster on mobile feeds.
3. Always Include Alt Text: Add twitter:image:alt to improve accessibility for visually impaired users.
4. Use Absolute HTTPS URLs: Relative image paths like /images/card.png will fail to render on social bots.

---

Related Resources

• Twitter Card Meta Tags: Complete Guide
• Twitter Card Not Showing? How to Fix It
• Open Graph Image Size Guide
• Preview your cards live with the Social Preview Simulator