# Dimensioni del banner Bluesky: 3000×1000 e immagini dei post

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

Il banner di Bluesky è la cosa più larga del tuo profilo e la prima che vede un nuovo follower. Ecco la misura, l’angolo coperto dall’avatar e come dimensionare le immagini nei tuoi post.

## The short version

- Il banner di Bluesky misura 3000×1000 pixel, un header 3:1 lungo la parte alta del profilo.
- La tua foto profilo rotonda copre il basso a sinistra del banner, quindi tieni parole e loghi fuori da quell’angolo.
- Il banner viene ritagliato in modo leggermente diverso su telefono e desktop, quindi i dettagli importanti vanno al centro.
- La misura consigliata per le immagini dei post su Bluesky è 1600×900 pixel, un’inquadratura orizzontale 16:9.
- Bluesky permette di aggiungere un testo alternativo a ogni immagine, e una descrizione chiara rende più utile ogni post con immagine.

Il **banner di Bluesky** misura 3000×1000 pixel, un header largo 3:1 che corre lungo la parte alta del profilo. Il tuo avatar rotondo sta sopra il suo angolo in basso a sinistra, e il ritaglio visibile cambia un po’ tra l’app per telefono e il sito, quindi tieni parole e loghi al centro e a destra dell’inquadratura, lontano dall’avatar. Per le immagini nei post usa 1600×900 pixel, un’inquadratura orizzontale 16:9, oppure un’immagine verticale quando il contenuto è alto.

## Dimensioni del banner Bluesky

| Immagine | Misura | Proporzione |
| --- | --- | --- |
| Banner del profilo | 3000×1000 px | 3:1 |
| Immagine del post (orizzontale) | 1600×900 px | 16:9 |
| Immagine del post (verticale) | 1080×1350 px | 4:5 |
| Immagine del post (quadrata) | 1080×1080 px | 1:1 |

Il banner è l’unica immagine di Bluesky con una forma fissa. Le immagini dei post possono avere altre proporzioni.

- Banner Bluesky 3:1: 3000 × 1000
- Header X 3:1: 1500 × 500
- Banner LinkedIn 4:1: 1584 × 396

Il banner di Bluesky ha la stessa forma 3:1 di X con il doppio dei pixel, quindi un solo design può servire entrambi. Quello di LinkedIn è molto più stretto.

Poiché il banner di Bluesky e [l’header di X](https://gradiently.design/it/guide/x-header-size) condividono la proporzione 3:1, progetta una volta a 3000×1000 ed esporta una copia 1500×500 per X. La risoluzione extra mantiene nitidi testi fini e gradienti su schermi grandi e ad alta densità. Esporta in PNG per grafiche e testo, in JPEG per le fotografie.

## Dove l’avatar copre il banner

Nel tuo profilo, il cerchio dell’avatar sta sul bordo inferiore del banner, vicino a sinistra. Tutto ciò che progetti in quell’angolo viene coperto, in parte o del tutto, a seconda dello schermo. Il resto del banner è libero, anche se la parte destra può essere tagliata sui telefoni stretti. [Le zone sicure dei social](https://gradiently.design/it/guide/social-media-safe-zones) mappa lo stesso problema su ogni piattaforma.

| Zona | Area approssimativa | Cosa metterci |
| --- | --- | --- |
| Angolo dell’avatar | Terzo sinistro, metà inferiore | Solo sfondo |
| Centro | Terzo centrale, a tutta altezza | Il tuo titolo, il logo o l’immagine principale |
| Destra | Terzo destro | Dettagli di supporto, nulla di essenziale |
| Bordi superiore e inferiore | Circa 100 px ciascuno | Solo sfondo, perché i ritagli variano |

Una mappa di lavoro, non valori ufficiali in pixel. Guarda l’anteprima del banner su un telefono e sul web prima di decidere.

Un banner Bluesky da 3000 per 1000 con le parole Appunti di design lento al centro e l’angolo in basso a sinistra libero per l’avatar

Parole al centro, il basso a sinistra lasciato all’avatar e lo sfondo che corre da bordo a bordo.

## Idee per il banner di Bluesky

Un banner non ha bisogno di molto. Sta dietro il tuo nome e la tua bio, quindi funziona meglio come atmosfera con un’idea: cosa fai, cosa pubblichi, o semplicemente un colore che diventa tuo. I banner carichi competono con l’avatar e con il testo della bio subito sotto.

- **Pura atmosfera.** Un gradiente o un materiale nei tuoi colori senza parole. Calmo, e non passa mai di moda.
- **Una riga.** Cosa ottengono le persone seguendoti: «Appunti quotidiani sui caratteri», «Registrazioni dalla costa».
- **Il tuo lavoro.** Un ritaglio largo di una foto, un’illustrazione o un prodotto, con il soggetto nel terzo centrale.
- **Una cosa attuale.** Un libro, un lancio o uno spettacolo, con una data. Ricorda di cambiarlo quando passa.

- Dal cielo al blu profondo: `linear-gradient(100deg, #0a1a3f 0%, #1d4ed8 50%, #7dd3fc 100%)`
- Sole al tramonto, al centro: `radial-gradient(ellipse at 60% 40%, #fde68a 0%, #fb923c 40%, #7c2d12 90%)`
- Viola notte: `linear-gradient(100deg, #111827 0%, #312e81 55%, #a78bfa 100%)`
- Foschia del mattino: `linear-gradient(100deg, #f8fafc 0%, #e0f2fe 50%, #bae6fd 100%)`

Quattro fondi per banner. Ognuno tiene la zona più scura o più calma a sinistra, dove l’avatar ha bisogno di contrasto per risaltare.

Nota il lato sinistro di ciascuno. L’avatar ha bisogno di contrasto con il banner per risaltare, quindi un bordo sinistro più scuro o più semplice aiuta un avatar chiaro, e un bordo chiaro ne aiuta uno scuro. È lo stesso ragionamento di [un logo su uno sfondo a gradiente](https://gradiently.design/it/guide/logo-on-gradient-background).

### Da evitare

- Un logo o un nome in basso a sinistra, sotto l’avatar
- Testo piccolo che su un telefono si riduce a nulla
- Una foto con il soggetto all’estremo bordo
- Un motivo carico dietro la bio
- Un file 1500×500 stirato per adattarlo

### Da fare

- Il contenuto chiave nel terzo centrale
- Una riga in grande, oppure nessuna parola
- Soggetti al centro, bordi come sfondo
- Un’area calma lungo il bordo inferiore
- Un’esportazione completa 3000×1000

La maggior parte dei problemi dei banner nasce dal progettare su un portatile senza mai controllare un telefono. Carica, apri il tuo profilo nell’app, poi in un browser desktop, e guarda l’angolo sotto l’avatar e il bordo destro estremo in entrambi. Se qualcosa di importante è tagliato, spostalo verso il centro e ricarica; richiede un minuto e evita che il banner sembri trascurato a ogni nuovo visitatore.

## Dimensioni delle immagini dei post su Bluesky

Per le immagini nei post, 1600×900 è la misura affidabile: si vede per intero nel feed su telefoni e desktop. Le immagini verticali a 1080×1350 sono ammesse e occupano più spazio in altezza, adatte a poster e grafici, anche se il feed può mostrarle in un’anteprima più corta finché non le tocchi. Puoi allegare più immagini a un post, e si dispongono in una griglia, quindi tieni una serie con le stesse proporzioni.

Un’immagine di post Bluesky 1600 per 900 che annuncia il numero 40 di una newsletter

Un’immagine di post orizzontale a 1600×900, la forma più sicura per Bluesky.

Un’immagine verticale 1080 per 1350 per una fiera della stampa di sabato

Un poster verticale a 1080×1350, più grande nel feed ma a volte mostrato in anteprima più corta.

> **Scrivi il testo alternativo** Ogni immagine che alleghi su Bluesky ha un pulsante per il testo alternativo, e molte persone nella rete lo leggono e lo apprezzano. Descrivi ciò che l’immagine dice: «Poster: fiera della stampa, sabato, stand 14, 10:00-17:00». Se l’immagine contiene parole, anche il testo alternativo dovrebbe contenerle.

## Tieni il tuo profilo Bluesky coerente con il brand

Banner, avatar e immagini dei post si leggono come un unico profilo, quindi dai loro un’unica famiglia di sfondi. Lo stesso colore o materiale dietro il banner, le immagini degli annunci e le card con citazioni fa riconoscere chi scorre prima ancora di leggere il tuo nome utente. Le misure di tutte le altre piattaforme sono in [le misure delle immagini social](https://gradiently.design/it/guide/social-media-image-sizes), e l’abitudine di mantenere uno stile tra di esse in [la coerenza del brand](https://gradiently.design/it/guide/brand-consistency).

In Gradiently scegli un Mark, progetti il banner 3000×1000 una volta e, con Pro, lo ridimensioni per l’header di X, il banner LinkedIn e le misure dei post in un solo passaggio, ognuno disegnato da capo per la sua forma invece che ritagliato. Le parole sul Mark restano leggibili perché si calma da solo dietro di esse. Se vuoi uno stile solo tuo, sfoglia il [Mercato](/market).

## FAQ

### Che misura ha un banner Bluesky?

3000×1000 pixel, una proporzione 3:1.

### Che misura devono avere le immagini nei post di Bluesky?

1600×900 pixel, un’inquadratura orizzontale 16:9, si vede in modo affidabile nel feed. Funzionano anche il verticale 1080×1350 e il quadrato 1080×1080.

### Posso usare il mio header di X su Bluesky?

Sì. Sono entrambi 3:1, quindi un design 3000×1000 ridotto a 1500×500 serve X e la misura intera serve Bluesky. Controlla la posizione dell’avatar su ciascuno.

### Dove sta l’avatar su un banner Bluesky?

Sopra il basso a sinistra del banner, quindi tieni parole e loghi fuori da quell’angolo e al centro.