In breve
- Progetta la copertina di Facebook a 1640×624 pixel, un banner largo con proporzioni di circa 2,6 a 1.
- I telefoni mostrano una porzione più stretta della copertina rispetto ai computer, quindi tieni parole e loghi nei due terzi centrali della larghezza.
- L’immagine del profilo e il nome della pagina stanno sul bordo inferiore della copertina, quindi la fascia bassa deve restare quieta.
- La copertina di un evento Facebook è di 1920×1005 pixel, e il titolo dell’evento va scritto anche nei dettagli dell’evento, non solo nell’immagine.
- I post di Facebook rendono meglio a 1200×1200 per i quadrati o 1080×1350 per i verticali, e le storie a 1080×1920.
In questa pagina
La dimensione della copertina Facebook a cui progettare è 1640×624 pixel, un banner largo circa 2,6 volte la sua altezza. Le copertine degli eventi sono 1920×1005, i post nel feed sono 1200×1200 quadrati o 1080×1350 verticali, e le storie sono 1080×1920. La dimensione è la parte facile. Il mestiere sta nell’impaginare la copertina perché si legga ancora quando un telefono ne mostra solo il centro.
Copertina 1640×624
1640 × 624
Copertina evento 1920×1005
1920 × 1005
Post 1200×1200
1200 × 1200
Post verticale 1080×1350
1080 × 1350
Storia 1080×1920
1080 × 1920
Tutte le dimensioni delle immagini di Facebook in una tabella
Tieni questa tabella a portata di mano quando configuri una nuova pagina o pianifichi una campagna. Ogni dimensione segue quella di caricamento consigliata da Facebook, e ognuna ha un compito diverso. Se pubblichi anche su altri social, la scheda completa delle dimensioni delle immagini per i social elenca ogni piattaforma in un unico posto.
| Formato | Dimensione in pixel | Forma | Ideale per |
|---|---|---|---|
| Copertina | 1640×624 | Circa 2,6:1 | Il banner della tua pagina o del tuo profilo |
| Copertina evento | 1920×1005 | Circa 1,9:1 | Pagine evento, inviti e feed |
| Post quadrato | 1200×1200 | 1:1 | Annunci, citazioni, prodotti |
| Post verticale | 1080×1350 | 4:5 | Post che devono occupare più spazio dello schermo di un telefono |
| Storia | 1080×1920 | 9:16 | Aggiornamenti a schermo intero e di breve durata |
Come la copertina di Facebook viene ritagliata su telefoni e computer
Il browser di un computer mostra la copertina quasi a tutta larghezza. Un telefono mostra una finestra più quadrata sulla stessa immagine, quindi i bordi sinistro e destro cadono. I tablet e l’app in orizzontale stanno a metà strada. Carichi un solo file, e ogni schermo ne prende il proprio ritaglio dal centro.
La seconda cosa da prevedere è ciò che ci sta sopra. Sia nei profili personali sia nelle pagine, l’immagine del profilo e il nome stanno sul bordo inferiore della copertina o appena sotto, e sui telefoni l’immagine lo sovrappone. Tutto ciò che è importante nella fascia bassa rischia di essere coperto o affollato.
Una copertina impaginata per ogni ritaglio: le parole stanno in un blocco compatto al centro, e i bordi portano solo colore.
Una zona sicura che sopravvive a ogni ritaglio
Non servono guide precise al pixel. Tre regole mantengono sicura una copertina su ogni schermo, e derivano direttamente dal modo in cui funziona il ritaglio.
- 1
Tieni le parole nei due terzi centrali
Dei 1640 pixel di larghezza, considera circa i 1100 centrali come l’unico posto per testo e loghi. I terzi esterni sono per colore, texture e qualsiasi cosa tu possa permetterti di perdere.
- 2
Lascia quieto il quarto inferiore
L’immagine del profilo e il nome si sovrappongono a questa fascia. Metti la tua riga più in alto, intorno al centro verticale o appena sopra.
- 3
Rendi i bordi sacrificabili, non vuoti
I bordi vuoti sembrano incompleti su un computer. Lascia che un gradiente o una texture arrivi ai bordi così la vista a tutta larghezza sembri generosa, mentre il ritaglio del telefono ha comunque tutto ciò che gli serve.
- 4
Controlla ai due estremi
Prima di pubblicare, guarda la copertina su un portatile e su un telefono. Se una lettera è tagliata o il logo si nasconde sotto l’immagine del profilo, spostalo verso l’interno e in alto.
Da evitare
- Uno slogan che corre da un bordo all’altro
- Un logo nell’angolo in basso a sinistra, sotto l’immagine del profilo
- Testo piccolo che diventa rumore su un telefono
- Una foto movimentata dietro le parole
Da fare
- Una riga breve al centro
- Il logo nell’immagine del profilo, non ripetuto sulla copertina
- Testo abbastanza grande da leggersi nel ritaglio del telefono
- Un campo calmo dietro le parole, dettaglio ai bordi
Dimensione e impaginazione della copertina di un evento Facebook
La copertina di un evento è 1920×1005, una forma vicina all’anteprima di un link 1,91:1, e appare nella pagina dell’evento, negli inviti e nel feed quando le persone condividono l’evento. Viene ritagliata meno aggressivamente di una copertina del profilo, ma spesso si vede piccola, quindi valgono le stesse regole: parole brevi, al centro, grandi.
Non affidare all’immagine il compito di portare i fatti. Facebook mostra data, ora e luogo come testo accanto alla copertina, dove le persone possono aggiungerli a un calendario. Metti sull’immagine il nome dell’evento e una riga di atmosfera, e lascia che i dettagli facciano il loro lavoro. Se l’evento ha bisogno anche di post, storie e uno schermo da palco, pianificali insieme; il branding per eventi tratta l’insieme completo.
La copertina dell’evento: nome, data e luogo, grandi e centrali.
Lo stesso evento come storia, impaginato di nuovo per uno schermo alto.
Cosa mettere su una copertina di Facebook
La copertina è la prima cosa grande che le persone vedono sulla tua pagina, e viene vista ancora e ancora. Funziona meglio come una dichiarazione quieta di chi sei, non come una bacheca. Cambiala quando cambia qualcosa di significativo, come una stagione, un lancio o un nuovo aspetto, e mantieni la stessa famiglia di sfondi così la pagina resta riconoscibile.
- Il tuo stile, e una riga. Un gradiente del brand e una breve promessa o descrizione.
- La stagione o il lancio in corso. Una riga e una data, tolte quando passano.
- Solo una texture calma. Senza parole, sono l’immagine del profilo e il nome a parlare.
- Orari di apertura o una sede per le attività locali, purché sia abbastanza breve da leggersi su un telefono.
radial-gradient(ellipse 70% 90% at 50% 45%, #2b3a67 0%, #182447 45%, #0b1024 100%)Se metti un logo sulla copertina, assicurati che abbia abbastanza contrasto con la parte di sfondo su cui sta. Logo su sfondo sfumato mostra come scegliere una versione in negativo o piena.
Impostazioni di esportazione per una copertina nitida
Facebook ricomprime tutto ciò che carichi, e i grandi gradienti lisci ne soffrono di più: possono fare banding in strisce visibili. Esporta un PNG quando la copertina è soprattutto testo e colore piatto, e un JPEG di alta qualità quando è una foto. Un leggero strato di grana su un gradiente dà al compressore dei dettagli a cui aggrapparsi, e questo nasconde il banding. Il banding nei gradienti spiega perché.
Le domande più frequenti
Che dimensione ha la copertina di Facebook?
Progettala a 1640×624 pixel. Tieni parole e loghi nei due terzi centrali della larghezza, perché i telefoni ritagliano i lati.
Perché la mia copertina di Facebook sembra tagliata sul telefono?
I telefoni mostrano una porzione più quadrata della copertina rispetto ai computer, quindi i bordi sinistro e destro vengono tagliati. Sposta testo e loghi verso il centro e tieni la fascia bassa libera dall’immagine del profilo.
Che dimensione ha la copertina di un evento Facebook?
La copertina di un evento Facebook è di 1920×1005 pixel. Tieni il nome dell’evento grande e centrale, e aggiungi data e luogo anche nei dettagli dell’evento.
Devo caricare la copertina di Facebook in PNG o JPEG?
Usa il PNG per le copertine soprattutto di testo, loghi e colore piatto, e un JPEG di alta qualità per le foto. Aggiungere una grana leggera a un gradiente lo aiuta a sopravvivere alla compressione di Facebook senza banding.
Qual è la dimensione migliore per l’immagine di un post di Facebook?
Usa 1200×1200 per un post quadrato o 1080×1350 per un post verticale che occupa più spazio dello schermo di un telefono. Le storie sono 1080×1920.
Scritto da Gradiently
Il team dietro Gradiently, uno strumento di design costruito attorno ai Mark: gradienti vivi che fanno sembrare tuo tutto ciò che progetti.
Vedi il nostro profilo
