Best Image Size for Twitter/X Headers and Posts (2026)

Published August 8, 2026 · 7 min read

Your X header looks fine on your laptop — and then you open the app on your phone and half your tagline is gone, cropped behind your profile picture or cut off at the edge. This is the most common header complaint, and it is not bad luck. X crops the same header image differently on mobile and desktop, and if you designed it for only one of those views, the other one will clip you.

This guide gives you the current dimensions for every X image type, explains the header cropping problem and how to design with safe zones so nothing important ever disappears, and walks through a quick resize-and-crop workflow.

Every X / Twitter image size in 2026

These are the dimensions that produce the sharpest result in each slot. X accepts a range of sizes, but uploading at the recommended dimensions avoids unnecessary re-scaling on their end.

Supported formats are JPG, PNG, and GIF (animated GIFs work in posts). PNG is the better choice for headers and graphics with text or flat color, since it avoids the JPEG halos that appear around sharp edges after re-compression. JPG is fine for photographic headers and keeps the file smaller.

The header cropping problem

You upload one 1500 × 500 header image, but X does not display one fixed rectangle. The visible area changes with the device, the screen width, and even the current layout of the profile. On desktop the header shows wider and shorter; on mobile it is framed differently, and your circular profile picture overlaps the lower-left corner. The result is that content sitting near the edges or the bottom-left can be hidden on one device while visible on another.

There is no single crop you can apply that makes every device happy, because the cropping is done by X at display time, not by you at upload time. The solution is to design with safe zones: keep anything that matters — your name, tagline, logo, key visual — inside a central region that every crop preserves, and treat the outer edges as disposable background.

Designing with safe zones

Start from the full 1500 × 500 canvas, then apply these rules of thumb:

• Keep text and logos in the center. A central band roughly 1300px wide and 360px tall, centered on the canvas, survives essentially every crop. Put your message there.
• Avoid the bottom-left corner. Your profile picture overlaps this area on most layouts. Anything placed there gets covered.
• Treat top and bottom edges as bleed. Some crops shave a little off the top and bottom. Let background extend to the edges; do not park text there.
• Check both views before publishing. Preview your profile on a phone and on a desktop browser. If it works in both, it works.

A practical way to work: design on the full 1500 × 500 canvas, then use the image cropper to test how a tighter crop looks before you commit. Seeing your header at a few different framings makes the safe-zone problem concrete instead of abstract.

Why 2× resolution matters for retina

Most phones and many laptops now have high-density "retina" displays, where one CSS pixel maps to two or more physical pixels. If you upload a header that is exactly the displayed CSS size, it looks slightly soft on these screens because the display has to stretch each image pixel across multiple physical pixels.

The recommended dimensions above already account for this — 1500 × 500 for a header that displays smaller, 1600 × 900 for a post image. Uploading at these sizes gives retina screens enough real pixels to render sharply. If you upload smaller, the image still appears, just softer. If you upload much larger, X downscales it and you have gained nothing but upload time.

Step-by-step resize guide

1. 1Start from a high-resolution source. Use the largest version of your artwork or photo. Downscaling a big source looks far better than upscaling a small one.
2. 2Crop to the target aspect ratio. For a header, crop to 3:1 (1500 × 500). For a post, 16:9 (1600 × 900). The Crop Image tool lets you lock a ratio and position the frame.
3. 3Resize to the exact dimensions. Use the Resize Image tool to set 1500 × 500 (header) or 1600 × 900 (post) precisely.
4. 4Export in the right format. PNG for graphics and text; JPG for photos. Keep it under the 5MB limit — a 1500 × 500 header is usually well under 1MB anyway.
5. 5Upload and verify on two devices. Confirm the header looks right on both mobile and desktop before you call it done.

A note on client work and privacy

Social media managers and designers frequently prepare header mockups and post graphics for clients before a campaign launches. Those mockups often contain unreleased branding, product names, or campaign concepts. Running them through a cloud-based resize or crop tool means uploading a client's confidential creative to a third-party server — a small but real risk that is easy to avoid.

LoveMyFile's resizing and cropping tools run entirely in your browser. Your mockups are processed on your own device and never uploaded, so client creative stays confidential until the campaign goes live.

The short version

Use 1500 × 500 for headers, 1600 × 900 for posts, 400 × 400 for profile pics, and 800 × 418 for cards. Design headers with a central safe zone and nothing important in the bottom-left corner, because X crops differently on mobile and desktop. Upload at 2× display resolution for retina sharpness, choose PNG for graphics and JPG for photos, and stay under 5MB.