# Bluesky banner size: 3000 x 1000 and post images

[Canonical HTML page](https://gradiently.design/guide/bluesky-banner-size)

Your Bluesky banner is the widest thing on your profile and the first thing a new follower sees. Here is the size, the corner your avatar covers, and how to size the images in your posts.

## The short version

- The Bluesky banner size is 3000×1000 pixels, a 3:1 header across the top of your profile.
- Your round profile picture overlaps the lower left of the banner, so keep words and logos out of that corner.
- The banner is cropped slightly differently on phones and desktop, so important detail belongs in the centre.
- The recommended Bluesky post image size is 1600×900 pixels, a 16:9 landscape frame.
- Bluesky lets you add alt text to every image, and a clear description makes every image post more useful.

The **Bluesky banner size** is 3000×1000 pixels, a wide 3:1 header that runs across the top of your profile. Your round avatar sits over its lower left corner, and the visible crop shifts a little between the phone app and the website, so keep words and logos in the centre and right of the frame, away from the avatar. For images inside posts, use 1600×900 pixels, a 16:9 landscape frame, or a portrait image when the content is tall.

## Bluesky banner dimensions

| Image | Size | Ratio |
| --- | --- | --- |
| Profile banner | 3000×1000 px | 3:1 |
| Post image (landscape) | 1600×900 px | 16:9 |
| Post image (portrait) | 1080×1350 px | 4:5 |
| Post image (square) | 1080×1080 px | 1:1 |

The banner is the one Bluesky image with a fixed shape. Post images can take other proportions.

- Bluesky banner 3:1: 3000 × 1000
- X header 3:1: 1500 × 500
- LinkedIn banner 4:1: 1584 × 396

Bluesky's banner shares X's 3:1 shape at twice the pixels, so one design can serve both. LinkedIn's is much narrower.

Because the Bluesky banner and the [X header](https://gradiently.design/guide/x-header-size) share a 3:1 ratio, design once at 3000×1000 and export a 1500×500 copy for X. The extra resolution keeps fine type and gradients crisp on large, high density screens. Export PNG for graphics and text, JPEG for photographs.

## Where the avatar overlaps the banner

On your profile, the avatar circle sits on the bottom edge of the banner, near the left. Anything designed into that corner is covered, partly or wholly, depending on the screen. The rest of the banner is open, though the right side can be trimmed on narrow phones. [Social media safe zones](https://gradiently.design/guide/social-media-safe-zones) maps the same problem across every platform.

| Zone | Approximate area | Put here |
| --- | --- | --- |
| Avatar corner | Left third, lower half | Background only |
| Centre | Middle third, full height | Your headline, logo or main image |
| Right | Right third | Supporting detail, nothing essential |
| Top and bottom edges | Around 100 px each | Background only, as crops vary |

A working map rather than official pixel values. Preview the banner on a phone and on the web before you settle on it.

A 3000 by 1000 Bluesky banner with the words Notes on slow design centred and an open lower left corner for the avatar

Words centred, the lower left left to the avatar and the background running edge to edge.

## Bluesky banner ideas

A banner doesn't need much. It sits behind your name and bio, so it works best as atmosphere with one idea: what you do, what you post, or simply a colour that becomes yours. Busy banners compete with the avatar and the bio text right beneath them.

- **Pure atmosphere.** A gradient or material in your colours with no words at all. Calm, and it never goes out of date.
- **One line.** What people get by following: "Daily notes on type", "Field recordings from the coast".
- **Your work.** A wide crop of a photo, illustration or product, with the subject in the centre third.
- **A current thing.** A book, launch or show, with a date. Remember to change it when it passes.

- Sky to deep blue: `linear-gradient(100deg, #0a1a3f 0%, #1d4ed8 50%, #7dd3fc 100%)`
- Late sun, centred: `radial-gradient(ellipse at 60% 40%, #fde68a 0%, #fb923c 40%, #7c2d12 90%)`
- Night violet: `linear-gradient(100deg, #111827 0%, #312e81 55%, #a78bfa 100%)`
- Morning haze: `linear-gradient(100deg, #f8fafc 0%, #e0f2fe 50%, #bae6fd 100%)`

Four banner grounds. Each keeps its darkest or calmest area on the left, where the avatar needs contrast to stand out.

Notice the left side of each. The avatar needs contrast against the banner to stand out, so a darker or plainer left edge helps a light avatar, and a light left edge helps a dark one. This is the same reasoning as a [logo on a gradient background](https://gradiently.design/guide/logo-on-gradient-background).

### Avoid

- A logo or name in the lower left, under the avatar
- Small text that shrinks to nothing on a phone
- A photo whose subject sits at the far edge
- A busy pattern behind the bio
- A 1500×500 file stretched up to fit

### Do

- Key content in the centre third
- One line set large, or no words at all
- Subjects centred, edges as background
- A calm area along the bottom edge
- A full 3000×1000 export

Most banner problems come from designing on a laptop and never checking a phone. Upload, open your profile in the app, then on a desktop browser, and look at the corner under the avatar and the far right edge in both. If anything important is cut, slide it towards the centre and upload again; it takes a minute and saves the banner looking careless to every new visitor.

## Bluesky post image size

For images in posts, 1600×900 is the dependable size: it shows in full in the feed on phones and desktop. Portrait images at 1080×1350 are allowed and take more vertical space, which suits posters and charts, though the feed may show them in a shorter preview until tapped. You can attach several images to one post, and they arrange into a grid, so keep a set at the same proportions.

A 1600 by 900 Bluesky post image announcing Issue 40 of a newsletter

A landscape post image at 1600×900, the safest Bluesky shape.

A 1080 by 1350 portrait post image for a print fair on Saturday

A portrait poster at 1080×1350, larger in the feed but sometimes previewed shorter.

> **Write the alt text** Every image you attach on Bluesky has an alt text button, and many people on the network read and value it. Describe what the image says: "Poster: print fair, Saturday, stall 14, 10:00 to 17:00". If the image holds words, the alt text should hold them too.

## Keep your Bluesky profile on brand

Banner, avatar and post images read as one profile, so give them one background family. The same colour or material behind your banner, your announcement images and your quote cards makes a scrolling visitor recognise you before reading your handle. Every other platform's sizes are in [social media image sizes](https://gradiently.design/guide/social-media-image-sizes), and the habit of keeping a look across them is in [brand consistency](https://gradiently.design/guide/brand-consistency).

In Gradiently you pick a Mark, design the 3000×1000 banner once and, on Pro, resize it to the X header, LinkedIn banner and post sizes in one step, each rendered fresh for its shape rather than cropped. Words placed on the Mark stay readable because it calms itself behind them. If you want a look that is only yours, browse the [Market](/market).

## FAQ

### What size is a Bluesky banner?

3000×1000 pixels, a 3:1 ratio.

### What size should images in Bluesky posts be?

1600×900 pixels, a 16:9 landscape frame, shows reliably in the feed. Portrait 1080×1350 and square 1080×1080 also work.

### Can I use my X header on Bluesky?

Yes. Both are 3:1, so a 3000×1000 design scaled to 1500×500 serves X and the full size serves Bluesky. Check the avatar position on each.

### Where does the avatar sit on a Bluesky banner?

Over the lower left of the banner, so keep words and logos out of that corner and in the centre.