Twitter/X Cards Guide

Quick Reference

Based on Twitter's official documentation:

Large Image: 1200×675px (1.78:1 ratio), under 5MB
Summary Card: 200×200px minimum (square)
Title: 70 characters max
Description: 200 characters max

Card Types

Twitter supports two main card types for most websites:

summary_large_imageRecommended

Large image above the title. Best for articles and blog posts.

Image: 1200×675px (1.78:1 ratio)

summary

Square thumbnail beside the title. Good for apps and profiles.

Image: 200×200px minimum (square)

Required Meta Tags

Twitter reads twitter:* tags first, then falls back to Open Graph tags:

html

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your Page Title" />
<meta name="twitter:description" content="Brief description of your page" />
<meta name="twitter:image" content="https://example.com/image-1200x675.jpg" />
<meta name="twitter:site" content="@yourhandle" />

Key Differences from Facebook

• Twitter uses 16:9 ratio (1.78:1), not 1.91:1
• Max file size is 5MB (vs Facebook's 8MB)
• The twitter:card tag is required
• Use name attribute, not property

Image Requirements

Large Image Size

1200 × 675px

16:9 aspect ratio

Summary Size

200 × 200px

Square thumbnail

Max File Size

5 MB

Keep under 1MB for speed

Formats

JPG, PNG, WebP

GIF also supported

Testing & Debugging

Use Twitter's Card Validator to preview your cards.

Common Issues

No card showing→ Add the required twitter:card tag

"Unable to render"→ Image exceeds 5MB or wrong format

Wrong image displayed→ Use absolute HTTPS URL for image

Twitter/X Cards Guide

Logan Renz

Card Types

Required Meta Tags

Image Requirements

Testing & Debugging

Common Issues

Official Resources

Preview Your Twitter Card