Recommended Twitter Image Sizes by Use Case
To keep images crisp on any device, use these exact dimensions and file limits. These sizes reflect current Twitter display behavior and help prevent cropping or compression artifacts.
| Use Case | Recommended Size (px) | Max File Size | Aspect Ratio |
|---|---|---|---|
| Profile Photo | 400x400 | 5 MB | 1:1 |
| Header Image | 1500x500 | 5 MB | 3:1 |
| Image Tweet (landscape) | 1200x675 | 5 MB | 16:9 |
| Image Tweet (portrait) | 1200x1200 | 5 MB | 1:1 |
| Image Tweet (square) | 1024x1024 | 5 MB | 1:1 |
| Cards Summary Large Image | 800x418 | 5 MB | 1.91:1 |
Note that Twitter may downscale larger uploads to 3000px on the long edge. Keep important content within the safe area to avoid being hidden by UI elements on mobile and desktop.
Profile Photo: Specifications and Safe Area
Profile Photo Display Behavior
Twitter renders profile photos as circles on mobile and slightly rounded squares on desktop. The platform resizes and compresses uploads for consistency across feeds and profile pages. To retain key details, position the subject within a centered 400x400 px canvas, keeping essential elements at least 50 px away from edges (the safe area). Twitter may apply automatic cropping for different contexts (for you, who you follow, and moments), so avoid placing critical details at the edges.
Technical Tips for Profile Photos
- Export at 400x400 px in sRGB color space for consistent color reproduction.
- Use JPG for photographs (quality 70–80) and PNG for graphics requiring transparency or sharp edges.
- Keep the final file under 5 MB to avoid upload errors.
- Test how your photo appears on both mobile and desktop to ensure important details remain visible within the circular crop.
Twitter Header Image: Dimensions and Layout
Header Image Layout and Branding
The header image spans the top of your profile and is displayed at 1500x500 px. Because the aspect ratio is 3:1, you have wide space for branding, messaging, or visual storytelling. Center important content horizontally and keep it away from the far left and right edges, where profile elements and actions may overlap on smaller screens. On mobile, the header is cropped to a narrower ratio, so critical visuals should stay toward the center.
Design and File Tips for Headers
- Create the canvas at 1500x500 px and place a 1200x400 px safe area guide in the center.
- Use text sparingly and ensure it remains legible at smaller scales.
- Export as compressed JPG under 5 MB or PNG if transparency is needed.
- Preview on multiple devices to verify logo, text, and graphics remain in visible regions.
Image Tweets: Optimal Dimensions for Engagement
Aspect Ratio and Display Behavior
Twitter supports several aspect ratios for image tweets, and the platform chooses a layout based on dimensions. Landscape formats (16:9) display large preview cards, while square and portrait images show differently in the timeline and may take more vertical screen space. For predictable presentation, 1200x675 px (16:9) is ideal for landscape-oriented visuals; 1200x1200 px works well for balanced square content; and 1200x1200 px or 1080x1350 px suits portrait-oriented shots. Content within the 1:1 area tends to stay prominent across devices.
Export Settings for Image Tweets
- Export at 1200 px on the longest side for sharp display at original size.
- Use sRGB for color consistency across browsers and operating systems.
- Compress images to stay under 5 MB while preserving clarity.
- Add descriptive alt text to improve accessibility and context in timelines.
Cards Summary Large Image for Link Previews
Configuring Card Images for Link Shares
When you attach a link to a tweet, Twitter can generate a summary card with a large image pulled from the page og:image or specified in meta tags. For reliable rendering, use at least 800x418 px at a 1.91:1 aspect ratio. This size helps the image appear clearly in timelines and detail views without being downscaled. Ensure the og:image tag includes the correct dimensions and file type, and host the image at a stable URL to prevent broken cards.
General Best Practices for Twitter Visuals
Beyond exact pixels, a few habits help your images look better and load faster. Always test how key visuals appear on mobile and desktop, avoid important content in the outer 10–15% of the frame, and choose formats that balance quality and file size. Correct color profiles, restrained text overlays, and consistent branding make images more scannable. When in doubt, err toward slightly higher resolution and moderate compression so details survive Twitter’s processing pipeline.
Conclusion: Keep Images Clear and Consistent on Twitter
Following this Twitter image size guide helps ensure your visuals display as intended across devices, from profile photos to shared link cards. By matching recommended dimensions, respecting file limits, and designing within safe areas, you reduce unexpected cropping and retain brand clarity. Periodically review your images on different clients to confirm legibility and adjust templates as platform rendering evolves. These evergreen practices support durable visual communication rather than chasing short-term layout shifts.