# Design dei banner: web, social e stampa che si leggono

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

I banner sono lunghi, sottili e spesso coperti a metà da una foto profilo o ritagliati sui telefoni. Progetta per quella forma e poche parole possono reggere un intero brand. Qui sotto trovi ogni misura che ti può servire.

## The short version

- I banner sono formati larghi, da circa 2:1 per i banner di blog ed email fino a 6:1 per la copertina aziendale di LinkedIn.
- In un banner largo l’occhio legge da sinistra a destra, quindi le parole devono stare in un unico blocco compatto e non sparpagliate su tutta la larghezza.
- La maggior parte dei banner social è in parte coperta da una foto profilo o ritagliata sui telefoni, quindi i contenuti importanti vanno vicino al centro.
- Il banner di un canale YouTube è 2560 × 1440 pixel, ma su ogni dispositivo si vede solo la fascia centrale di circa 1546 × 423 pixel.
- I banner da stampa come i roll up si leggono da diversi metri, quindi servono molte meno parole e un testo molto più grande rispetto ai banner web.

Un buon **design del banner** lavora con la forma e non contro. Un banner è largo e basso, quindi dagli un solo blocco compatto di parole, un titolo breve e magari una riga di supporto, in un punto che nulla coprirà, e lascia che lo sfondo porti il colore sul resto della larghezza. Controlla prima la misura e l’area sicura di ogni piattaforma: il banner del profilo LinkedIn è 1584 × 396 pixel e perde l’angolo in basso a sinistra a causa della tua foto, mentre un banner YouTube è 2560 × 1440 e sui telefoni mostra solo una fascia centrale.

## Misure dei banner per web e social

| Banner | Misura (px) | Forma | Cosa lo copre |
| --- | --- | --- | --- |
| Banner del profilo LinkedIn | 1584 × 396 | 4:1 | Foto profilo, in basso a sinistra |
| Copertina aziendale LinkedIn | 2256 × 382 | Circa 6:1 | Logo, in basso a sinistra |
| Intestazione di X | 1500 × 500 | 3:1 | Foto profilo, in basso a sinistra |
| Copertina Facebook | 1640 × 624 | Circa 2,6:1 | Foto profilo, ritagliata sui telefoni |
| Grafica del canale YouTube | 2560 × 1440 | 16:9 | Su ogni dispositivo si vede solo il centro |
| Banner di Bluesky | 3000 × 1000 | 3:1 | Avatar, in basso a sinistra |
| Hero del sito | 1920 × 1080 | 16:9 | Navigazione lungo il bordo superiore |
| Banner del blog e intestazione email | 1200 × 600 | 2:1 | Niente, ma spesso visto in piccolo |
| Banner del negozio Etsy | 3360 × 840 | 4:1 | Ritagliato sui telefoni |

Misure dall’elenco di Gradiently, che segue la misura di caricamento consigliata da ogni piattaforma. Le guide per piattaforma vanno più a fondo: [dimensioni del banner LinkedIn](https://gradiently.design/it/guide/linkedin-banner-size) e [dimensioni del banner YouTube](https://gradiently.design/it/guide/youtube-banner-size).

- Banner del blog 2:1: 1200 × 600
- Intestazione X 3:1: 1500 × 500
- Banner LinkedIn 4:1: 1584 × 396
- LinkedIn aziendale 6:1: 2256 × 382

Quattro banner disegnati in scala. Più la forma si assottiglia, più lo spazio per le parole si riduce in fretta rispetto a quanto cresce la larghezza.

## Come impaginare le parole in un banner largo

Le persone leggono un banner come leggono una riga di testo: da sinistra a destra, in fretta. Sparpagliare le parole su tutta la larghezza fa viaggiare troppo l’occhio. Raggruppale in un blocco, circa un terzo della larghezza, e componi il titolo abbastanza grande da leggersi quando l’intero banner si riduce alla larghezza di uno schermo di telefono.

Un ampio banner LinkedIn con un titolo breve sul lato destro e un gradiente che riempie il resto

Un banner del profilo LinkedIn con le parole tenute lontane dalla foto profilo in basso a sinistra.

Un banner per l’intestazione di X che annuncia nuovi episodi del podcast ogni giovedì su uno sfondo sfumato

Un’intestazione di X: una riga, un fatto e nulla di importante nell’angolo dell’avatar.

A questa altezza la gerarchia deve essere semplice. Due livelli sono di solito il limite: un titolo e una piccola riga sopra o sotto. Se te ne serve un terzo, probabilmente appartiene al profilo stesso. La [gerarchia visiva](https://gradiently.design/it/guide/visual-hierarchy) spiega come dimensione e spaziatura fanno questo lavoro senza decorazioni extra.

## Aree sicure e ritagli

Ogni piattaforma ritaglia o copre il banner in modo diverso su desktop e telefono. L’approccio sicuro è lo stesso ovunque: lascia che lo sfondo corra da bordo a bordo e tieni parole e loghi nel mezzo del riquadro, lontano dall’angolo dove sta l’avatar.

1. **Trova l’angolo coperto** Su LinkedIn, X e Bluesky la foto profilo sta sopra l’angolo in basso a sinistra. Lascia quell’area solo allo sfondo.
2. **Considera i ritagli sul telefono** Facebook ed Etsy tagliano i lati sui telefoni. Tieni le parole entro i due terzi centrali della larghezza.
3. **Usa la fascia centrale di YouTube** Del riquadro 2560 × 1440 solo l’area centrale di circa 1546 × 423 pixel si vede su tutti i dispositivi. Mettici il nome e le parole.
4. **Controlla alla misura reale** Carica, poi guarda su un telefono e su un portatile. Un’anteprima in uno strumento di design non può mostrarti l’interfaccia della piattaforma, e le piattaforme cambiano i layout, quindi controlla le loro pagine di aiuto prima di un grande lancio.

## Banner da stampa: roll up e insegne per eventi

Un roll up, di solito 850 × 2000 mm, è il problema opposto: alto e visto da metri di distanza mentre le persone passano. Servono un logo e un titolo nel terzo superiore all’altezza degli occhi, pochissimo nel terzo inferiore, che si nasconde dietro tavoli e gambe, e un testo abbastanza grande da leggersi da un lato all’altro della sala. Chiedi allo stampatore quale risoluzione vuole; i banner grandi si stampano normalmente da file ben sotto i 300 dpi perché nessuno li guarda da vicino.

### Da evitare

- Un paragrafo che spiega cosa fai
- Parole sparpagliate su tutta la larghezza
- Testo piccolo nell’angolo nascosto dall’avatar
- Una foto movimentata dietro il titolo
- Dettagli chiave in fondo a un roll up

### Da fare

- Da quattro a otto parole che dicono chi sei
- Un unico blocco compatto di testo
- Solo sfondo dove sta l’interfaccia
- Un’area calma di colore dietro le parole
- Logo e titolo all’altezza degli occhi

Per stand e palchi, vedi il [design dei fondali per eventi](https://gradiently.design/it/guide/event-backdrop-design), e per i grandi formati su carta, le [dimensioni dei poster](https://gradiently.design/it/guide/poster-size-guide).

## Un solo look su ogni banner

La maggior parte delle persone ha bisogno di cinque o sei banner insieme: LinkedIn, X, YouTube, un’intestazione email, un hero del sito. Sembrano un unico brand quando sfondo, carattere e colore restano costanti e cambia solo l’impaginazione. Un gradiente è ideale per questo perché non ha un soggetto da ritagliare, purché venga generato per ogni forma e non stirato.

Un gradiente largo per banner, scuro a sinistra: `linear-gradient(100deg, #0e1a2b 0%, #183b56 40%, #2a7f8f 75%, #9fd8cb 100%)`

Una sfumatura orizzontale che resta scura a sinistra, dove stanno un avatar o un logo, e si schiarisce verso destra. Copiala come punto di partenza per un banner del profilo.

In Gradiently, un Mark viene generato da capo a ogni misura di banner, sposta la sua regione più calma dietro le tue parole e lascia che l’inchiostro automatico scelga testo chiaro o scuro per riga. Con Pro, un design si ridimensiona in ogni misura in un solo passaggio, così i banner di LinkedIn, X e YouTube arrivano insieme. L’idea di uno sfondo riconoscibile è trattata in [un look distintivo](https://gradiently.design/it/guide/brand-signature-look).

## FAQ

### Che misura deve avere un banner?

Dipende da dove va: 1584 × 396 per un profilo LinkedIn, 1500 × 500 per X, 2560 × 1440 per YouTube e 1200 × 600 per un banner di blog o email.

### Dove va il testo su un banner social?

In un unico blocco compatto vicino al centro o a destra, lontano dall’angolo in basso a sinistra dove di solito sta la foto profilo.

### Qual è l’area sicura di un banner YouTube?

Circa 1546 × 423 pixel al centro dell’immagine 2560 × 1440. Solo quell’area si vede su ogni dispositivo.

### Quante parole deve avere un banner?

Da quattro a otto per il titolo, più al massimo una piccola riga di supporto. I banner si vedono per poco e spesso in piccolo.

### Che risoluzione serve a un banner da stampa?

Chiedilo allo stampatore. I banner grandi visti da lontano si stampano di solito da file ben sotto i 300 dpi alla misura piena.