Resize Image for Twitter/X

Mastering Image Dimensions on Twitter/X

Twitter (now X) displays images in a 16:9 aspect ratio in the timeline, which makes 1600x900 pixels the optimal dimension for single-image tweets. But the platform's image handling is more nuanced than a single number — how your image appears depends on how many images are in the tweet, whether the viewer is on mobile or desktop, and whether the image is attached to a tweet or used as a Card preview. Getting the dimensions right means understanding the rendering logic, not just memorizing a resolution.

The 16:9 ratio dominance on Twitter is by design. The timeline is a vertical scroll of content cards, and 16:9 landscape images fill the card width without requiring vertical expansion that would slow scrolling. When you upload a single image to a tweet at 1600x900, it renders edge-to-edge in the timeline card with no cropping whatsoever. The viewer sees exactly what you intended. Deviating from 16:9 triggers Twitter's auto-crop algorithm, which attempts to find the most "interesting" region of the image using a saliency model. In 2021, Twitter replaced its original center-crop with a neural network-based saliency cropper after research showed the center-crop was biased — it now tries to keep faces, text, and high-contrast areas visible in the preview. The full image is always accessible with a tap, but the timeline preview is what determines whether anyone taps at all.

Upload resolution has a ceiling. Twitter downscales images to a maximum of 4096x4096 pixels and 5MB for photos (16MB for GIFs). For timeline display, a single image renders at approximately 510 pixels wide on desktop and full-screen-width on mobile (roughly 390-430px at 2-3x density). A 1600x900 source satisfies both cases with room for Retina rendering. Going below 1200x675 starts to show softness on high-DPI mobile screens. Going above 1600x900 adds upload time without visual benefit — Twitter will just downscale it.

Multi-image tweets follow a completely different layout grid, and this is where most people get surprised. Two images split the card into two vertical rectangles (each roughly 1:1). Three images create one large rectangle on the left and two smaller squares stacked on the right. Four images display as a 2x2 grid of near-squares. In every multi-image layout, each image is cropped from its original aspect ratio to fit the grid cell. If your images are 16:9 landscape and you attach two, the tops and bottoms get cropped to make vertical rectangles. The safe strategy for multi-image tweets: use 1200x1200 square images, which lose the least information regardless of how Twitter's grid crops them. Or use crop to pre-compose the image for the specific grid position it will occupy.

Alt text is a dimension that has nothing to do with pixels but matters more than most visual considerations. Twitter supports alt text on every uploaded image — a text description that screen readers announce to blind and low-vision users. Beyond accessibility, alt text contributes to Twitter's search index. Tweets with alt text appear in image search results and are prioritized by some algorithmic feeds. Adding alt text takes 10 seconds and expands your potential audience. Twitter's alt text limit is 1000 characters — enough for a thorough description without being a full essay.

Twitter Cards are the link preview format — when you tweet a URL, Twitter fetches the page's meta tags and renders a preview card. There are two card types relevant to images: Summary Card (small square thumbnail with text) and Summary Card with Large Image (wide 2:1 image above the text). The large image card uses a `twitter:image` meta tag and renders at approximately 600x314 pixels on desktop and full-width on mobile. The recommended source resolution is 1200x628. If your image is not a 2:1 ratio, Twitter center-crops it. For websites and blogs, set both `og:image` (1200x630) and `twitter:image` (1200x628) — the two-pixel height difference is negligible, and a single 1200x630 image works for both. Validate your cards with the Twitter Card Validator before relying on them for link preview campaigns.

File format choices on Twitter come with trade-offs. JPEG is the default for photographs — Twitter re-encodes uploaded JPEGs and serves them as JPEG or WebP depending on the viewer's browser. PNG is preserved when the image has fewer than 256 colors (simple graphics, logos, screenshots with flat UI), but photographic PNGs get converted to JPEG, which can add artifacts to gradient areas. GIFs are supported but have a 15MB limit and get converted to silent MP4 video for efficient playback. For most use cases, upload JPEG at quality 85-90 after resizing to 1600x900. For screenshots and UI mockups with sharp text, PNG at the same dimensions preserves crispness through Twitter's pipeline.

Twitter's compression behavior varies by platform. The web client and iOS app tend to preserve more detail than the Android app, though this changes with updates. One consistent observation: Twitter compresses large flat-color areas less aggressively than complex textures. A product photo on a solid background survives better than a detailed landscape. If your image has both — say, a product shot with a nature-scene background — compress to JPEG quality 88-92 before uploading. This leaves Twitter's encoder less work to do, which means less quality loss in the areas you care about.

Header images (profile banners) follow entirely separate rules: 1500x500 pixels at a 3:1 ratio. The display is responsive — desktop shows the full width, mobile crops to the center. Keep logos and text in the center 1200x400 area to survive both crops. Profile photos are 400x400 displayed as circles, so the same centering advice applies: keep the subject in the inner 280x280 area. Use the crop tool to position the subject before resizing to the final dimensions.

Twitter/X Image Dimensions by Context

Notes: Twitter serves images as WebP to supported browsers and JPEG to others. PNG is preserved only for images with fewer than 256 colors. GIF uploads convert to silent MP4 with a 15MB limit. The saliency-based cropper for non-16:9 images attempts to keep faces and text visible but is not always accurate — for critical images, crop to the target ratio yourself using the crop tool.