# Aree sicure dei social: dove l’app copre il tuo design

[Canonical HTML page](https://gradiently.design/it/guide/social-media-safe-zones)

Ogni piattaforma disegna pulsanti, nomi e didascalie sopra il tuo design. Ecco un unico riferimento su dove finiscono, con margini da integrare in ogni modello.

## The short version

- Le aree sicure dei social sono le zone di un design che l’interfaccia dell’app non copre mai, su qualsiasi telefono.
- Su un formato verticale 1080×1920, una regola pratica comune è tenere il testo fuori dai primi 250 pixel circa in alto e dagli ultimi 250 in basso di una storia.
- Reel, TikTok e YouTube Shorts mostrano una didascalia in basso e i pulsanti lungo il lato destro, quindi richiedono un margine inferiore più profondo e anche un margine a destra.
- I banner hanno le proprie zone coperte: la foto profilo si sovrappone alla parte in basso a sinistra delle intestazioni di LinkedIn e X, e i telefoni tagliano i lati delle copertine di Facebook.
- Le interfacce cambiano con gli aggiornamenti e variano da telefono a telefono, quindi considera ogni misura un riferimento generoso e controlla pubblicando prima in privato.

Le **aree sicure dei social** sono le parti di un post che nessuna interfaccia copre mai. Nei formati verticali il pericolo è in alto, dove stanno nomi e barre di avanzamento, in basso, dove stanno didascalie e campi di risposta, e su Reel, TikTok e Shorts il bordo destro, dove corrono i pulsanti di like e condivisione. Lascia che lo sfondo riempia tutto il formato e tieni ogni parola, logo e volto dentro l’area sicura.

## Aree sicure per video verticali e storie

Tutti questi formati condividono lo spazio 1080×1920, ma le sovrapposizioni cambiano. Le cifre qui sotto sono margini pratici, arrotondati per eccesso di proposito, ricavati da come ogni app dispone la propria interfaccia e dalle indicazioni che le piattaforme danno agli inserzionisti. Non sono misure ufficiali, e ogni app le sposta tra una versione e l’altra e tra forme di schermo diverse.

| Formato | Alto | Basso | Lati |
| --- | --- | --- | --- |
| Storia Instagram | 250 px | 250 px | Circa 60 px per lato |
| Storie Facebook e WhatsApp | 250 px | 250 px | Circa 60 px per lato |
| Reel Instagram | 250 px | Circa 420 px | Circa 120 px a destra |
| TikTok | Circa 150 px | Circa 480 px | Circa 140 px a destra |
| YouTube Shorts | Circa 150 px | Circa 420 px | Circa 140 px a destra |
| Storia Snapchat | Circa 250 px | Circa 300 px | Circa 60 px per lato |

Margini pratici su un formato 1080×1920. Generosi di proposito: il costo di essere troppo prudenti è un po’ di spazio vuoto, il costo di essere distratti è un titolo nascosto.

Se ricordi una sola regola, che sia questa: in qualsiasi video verticale, tieni il contenuto importante dentro un riquadro centrale largo circa 800 pixel e alto 1.150, che parte a circa 250 pixel dall’alto. Quel riquadro rispetta ogni margine della tabella. Più dettagli per piattaforma sono in [le dimensioni delle storie Instagram](https://gradiently.design/it/guide/instagram-story-size), [le dimensioni della copertina TikTok](https://gradiently.design/it/guide/tiktok-cover-size) e [le dimensioni della copertina di YouTube Shorts](https://gradiently.design/it/guide/youtube-shorts-cover-size).

- Formato intero 1080×1920: 1080 × 1920
- Sicuro su ogni app 800×1150: 800 × 1150
- Ritaglio griglia 1080×1440: 1080 × 1440

Il formato verticale intero, il riquadro sicuro ovunque e la fetta 3:4 che Instagram mostra nella griglia del profilo. Progetta tenendo presenti tutti e tre insieme.

## Cosa si trova in ogni zona

Sapere cosa copre ogni bordo ti aiuta a decidere cosa può starvi vicino. Sfondi, texture e la coda di un gradiente vanno bene sotto l’interfaccia. Parole, prezzi, loghi e volti no.

### Alto e basso di una storia

- Barra di avanzamento e foto profilo
- Nome dell’account e ora di pubblicazione
- Pulsanti di chiusura e menu
- Campo di risposta e pulsante di condivisione
- Sticker con link che aggiungi nell’app

### Basso e destra di un Reel o di TikTok

- Didascalia, che si espande al tocco
- Nome dell’account e pulsante segui
- Etichetta dell’audio o del suono
- Pulsanti per like, commenti, condivisione e salvataggio
- Barra di navigazione dell’app stessa

La didascalia è la più insidiosa. Una didascalia breve occupa due righe, ma quando uno spettatore la tocca si espande verso l’alto sopra il video. Se il tuo testo è in basso nel formato, una didascalia lunga lo coprirà.

Un post verticale con il titolo nella parte centrale alta del formato, ben lontano dai bordi

Parole nel riquadro sicuro, più o meno nella parte centrale alta. Niente di importante in basso o a destra.

Un post verticale con un breve elenco tenuto a sinistra e al centro del formato

Un layout a elenco tenuto a sinistra e al centro, lasciando libero il bordo destro per i pulsanti dell’app.

## Aree sicure su banner e intestazioni

I banner larghi non hanno pulsanti sopra, ma hanno altri due problemi: una foto profilo che si sovrappone a una parte dell’immagine e ritagli diversi su telefono e desktop.

| Banner | Dimensioni | Da tenere libero |
| --- | --- | --- |
| Banner profilo LinkedIn | 1584×396 | In basso a sinistra, dove sta la foto profilo |
| Intestazione X | 1500×500 | In basso a sinistra e i bordi alto e basso |
| Copertina Facebook | 1640×624 | I lati esterni su telefono e la fascia in basso |
| Immagine del canale YouTube | 2560×1440 | Tutto ciò che sta fuori dalla fascia centrale mostrata su ogni dispositivo |
| Copertina aziendale LinkedIn | 2256×382 | In basso a sinistra, dove sta il logo dell’azienda |

I banner sono per lo più sfondo. Metti le parole al centro e a destra, lontano dall’avatar.

YouTube è il caso estremo: l’immagine del canale è un grande 2560×1440, ma i telefoni mostrano solo una fascia stretta dal centro. Le nostre guide al [banner LinkedIn](https://gradiently.design/it/guide/linkedin-banner-size) e al [banner YouTube](https://gradiently.design/it/guide/youtube-banner-size) indicano le aree esatte.

## Anche i post del feed e le miniature hanno aree sicure

- **Griglia del profilo Instagram:** i post appaiono come riquadri 3:4 ritagliati dal centro. Un post 1080×1350 perde una striscia per lato; la copertina di un Reel perde circa 240 pixel in alto e in basso. Vedi [il ritaglio della griglia Instagram](https://gradiently.design/it/guide/instagram-profile-grid-crop).
- **Miniature YouTube:** la durata del video sta nell’angolo in basso a destra, quindi tieni volti e parole fuori da lì.
- **Caroselli:** i puntini stanno subito sotto l’immagine, ma alcune app sovrappongono un contatore di slide nell’angolo in alto a destra.
- **Pin di Pinterest:** i pulsanti di salvataggio e il titolo del pin compaiono al passaggio del mouse e sotto il pin, quindi lascia calmo il bordo inferiore.

## Come integrare le aree sicure nel tuo flusso di lavoro

1. **Crea una volta un livello guida** In ogni modello, disegna il riquadro sicuro come livello guida bloccato. Tienilo visibile mentre progetti e nascondilo prima di esportare.
2. **Progetta per la piattaforma più severa** Se un unico design verticale andrà su Storie, Reel e TikTok, usa i margini di TikTok. Sarà sicuro ovunque.
3. **Lascia che lo sfondo vada a vivo** Le zone coperte mostrano comunque il tuo sfondo. Porta colore e texture fino a ogni bordo, così il formato non sembra mai inscatolato.
4. **Lascia un vuoto per gli sticker** Se nell’app aggiungerai uno sticker con link o sondaggio, lascia un’area vuota nella parte centrale bassa del riquadro sicuro.
5. **Controlla con l’interfaccia attiva** Pubblica per un pubblico privato o per gli amici stretti, oppure salva una bozza e guardala a schermo intero. È l’unica verifica vera.

Gradiently aiuta su due fronti. Quando ridimensioni un design in altri formati con Pro, ogni copia viene impaginata di nuovo per la sua forma invece di essere ritagliata, quindi devi solo spostare le parole nel riquadro sicuro. Il Mark dietro riempie l’intero formato, comprese le zone dell’interfaccia, e tiene la sua area più calma e con il miglior contrasto dietro le tue parole ovunque si spostino. [Testo su un gradiente](https://gradiently.design/it/guide/text-on-gradient) approfondisce il tema della leggibilità.

## FAQ

### Cosa sono le aree sicure dei social?

Sono le parti di un post che nessuna interfaccia copre. Testo, loghi e volti vanno dentro di esse; gli sfondi possono andare oltre.

### Qual è l’area sicura per i Reel di Instagram?

Come regola pratica su un formato 1080×1920, tieni il testo fuori dai primi 250 pixel in alto, dagli ultimi 420 in basso e dai 120 a destra, dove stanno didascalia e pulsanti.

### Qual è l’area sicura di TikTok?

TikTok copre il basso con didascalia ed etichetta del suono e la destra con i suoi pulsanti. Tenere il testo fuori dagli ultimi 480 pixel circa in basso e dai 140 a destra di un formato 1080×1920 è una guida sicura.

### Esiste un’unica area sicura valida su ogni piattaforma verticale?

Sì, più o meno. Un riquadro centrale largo circa 800 pixel e alto 1.150, che parte a circa 250 pixel dall’alto di un formato 1080×1920, resta libero su Storie, Reel, TikTok e Shorts.

### Le aree sicure cambiano?

Sì. Le app ridisegnano le loro interfacce e i telefoni hanno forme diverse, quindi considera ogni cifra una guida generosa e controlla l’anteprima di ogni post con l’interfaccia visibile.