Facebook su un telefono cellulare accanto a un laptop

Per molte aziende, Facebook è lo strumento principale attraverso il quale si connettono ai loro clienti. Per alcuni, è l’unico strumento. Quindi, non dovrebbe sorprendere che l’aspetto della pagina Facebook della tua azienda può avere un enorme impatto su quanto seriamente le persone prendono la tua azienda. Un piccolo sforzo iniziale e la cura può significare un sacco di soldi lungo la strada. In questo articolo, condivideremo alcuni dei trucchi che usiamo per creare l’immagine di copertina di Facebook perfetta ogni volta.

In primo luogo, quando si crea un’immagine di copertina di Facebook per una pagina aziendale, si potrebbe voler includere un logo, una grafica o parole per comunicare un messaggio. Anche se è possibile creare un’immagine di copertina utilizzando l’app di Facebook per iOS o Android, sarà più facile utilizzare il computer desktop o il portatile.

Qualche sfondo

Plates è un ristorante fittizio. Come ogni attività locale, ha una pagina Facebook. E, come ogni azienda con una pagina Facebook, i clienti visitano la loro pagina usando desktop, laptop e telefoni cellulari.

Questa è l’immagine di copertina di Facebook di Plates. È rotta. Più tardi, vedrai come.

Un'immagine di copertina di Facebook rotta

Linee guida della foto di copertina di Facebook

Facebook fornisce linee guida agli utenti che vogliono aggiungere immagini di copertina alle loro pagine. Le linee guida sono le stesse per le pagine aziendali e personali.

La foto di copertina della tua pagina:

Si visualizza a 820 pixel di larghezza per 312 pixel di altezza sulla tua pagina sui computer e 640 pixel di larghezza per 360 pixel di altezza sugli smartphone.

Deve essere almeno 400 pixel di larghezza e 150 pixel di altezza.

Carica più velocemente come un file JPG sRGB che sia largo 851 pixel, alto 315 pixel e meno di 100 kilobyte.

Le linee guida possono confondere. Ci sono alcune cose che devi sapere, prima di iniziare a lavorare per creare la tua foto o grafica di copertina di Facebook. Qui, le stesse linee guida sono mostrate un po’ diversamente:

  • 851px larghezza x 315px altezza: dimensione consigliata per desktop
  • 820px larghezza x 312px altezza: visualizzazione su desktop
  • 640px larghezza x 360px altezza: visualizzazione su smartphone
  • 400px larghezza x 150px altezza: dimensione minima dell’immagine di copertina

Raffinamento delle linee guida di Facebook

Ti bastano due delle quattro raccomandazioni di Facebook. Soddisfacendo le due, in realtà soddisfate tutte e quattro le condizioni come sottoprodotto del vostro lavoro. Queste sono le due che stai mantenendo:

  • 851px larghezza x 315px altezza: dimensione raccomandata per desktop
  • 640px larghezza x 360px altezza: visualizzazione su smartphone

Guardando le dimensioni della copertina che stai mantenendo, noterai un’altezza desktop di 315px e un’altezza mobile di 360px. La stessa copertina di Facebook deve essere usata per desktop e mobile, il che significa che la tua altezza minima assoluta deve essere di 360px. Per questo motivo, la dimensione della copertina di Facebook di cui hai bisogno è ora la seguente:

  • 851px larghezza x 360px altezza: dimensione minima di visualizzazione per desktop e mobile

Ora, hai una copertina di Facebook troppo alta per desktop e troppo larga per mobile. Non dovrebbe essere quello che vuoi, ma è esattamente quello che vuoi. Un po’ più tardi, il perché questo è vero sarà chiarito.

Dovresti fare un’altra modifica alle dimensioni della tua copertina di Facebook. Gli schermi ad alta risoluzione di desktop e laptop stanno diventando sempre più popolari. Le raccomandazioni di Facebook sulle dimensioni dell’immagine si adattano già agli schermi mobili ad alta risoluzione. Tuttavia, lo stesso non è vero per gli schermi di desktop e laptop. Se vuoi che la tua immagine di copertina di Facebook appaia nitida su schermi grandi, devi raddoppiare le dimensioni della tua immagine:

  • 1.702px larghezza x 720px altezza: dimensioni perfette per desktop e mobile

Sopra, hai le tue dimensioni finali. La tua immagine di copertina di Facebook sarà conforme a queste dimensioni.

Evitare alcune insidie comuni

Ora che conosci le dimensioni della tua copertina di Facebook, puoi iniziare a progettare la tua immagine di copertura. Un visitatore della tua pagina vedrà una parte o tutta la tua immagine di copertina, a seconda che stia visitando da uno schermo grande (desktop o laptop) o da un dispositivo mobile.

Area visibile della copertina di Facebook su desktop e mobile

I visitatori dello schermo grande vedranno l’intera immagine di copertina. I visitatori mobili vedranno solo l’area azzurra. Facebook taglierà i lati.

Rivedere l’immagine di copertina di Facebook rotta di Plates

Prima avete visto l’immagine di copertina di Facebook rotta di Plates. Sembra a posto su laptop e desktop.

Un'immagine di copertina di Facebook rotta

La pagina Facebook di Plates appare molto diversa su mobile. Ecco cosa vedono i clienti sui loro telefoni cellulari. Una grossa porzione del logo manca, e il testo è illeggibile.

Le informazioni tagliate mancano dalla pagina Facebook

Se si mette l’immagine di copertina di Facebook di Plates sopra le dimensioni identificate prima, è facile vedere cosa è successo. Facebook visualizza solo il centro dell’immagine come copertina su mobile. Il resto viene ritagliato dalla vista ed è un’informazione persa.

Overlay che mostra come la copertina di Facebook è rotta

Creazione del tuo modello di copertina di Facebook

Per progettare la tua immagine di copertina di Facebook, userai le dimensioni che abbiamo fornito prima.

  1. Disegna una casella larga 1.702 pixel e alta 720 pixel
  2. Utilizzando un colore diverso, disegna un’altra casella larga 1.280 pixel e alta 720 pixel
  3. Centra la casella più piccola sopra quella più grande

Dovresti avere qualcosa che assomiglia al modello sottostante. Abbiamo aggiunto alcune linee orizzontali e verticali come aiutanti di composizione per mostrare la regola dei terzi. Le linee verticali non sono posizionate esattamente, perché le immagini dello schermo grande e piccolo di Facebook hanno proporzioni diverse. Sono comunque vicine, e i lati dei simboli più in grassetto mostrano la differenza tra i due. Organizza il tuo contenuto intorno ai simboli più, e dovresti finire con qualcosa che è piacevole per la maggior parte degli occhi.

Templare per progettare la copertina di Facebook

Progettare la tua immagine di copertina di Facebook

Ora, seleziona un’immagine che ti piace, e mettila sopra le due scatole che hai creato. Rendi l’immagine per lo più trasparente, in modo da poter vedere le caselle sotto di essa. Lo sistemerai più tardi. Dovresti vedere qualcosa come questo:

Modello di copertina di Facebook sopra l'immagine di copertina

L’area blu chiaro sarà visibile su desktop e mobile. L’area blu scuro sarà visibile solo su desktop e laptop. Una volta che la tua immagine è posizionata come vuoi tu, aggiungi qualsiasi testo o grafica.

Modello di copertina di Facebook sopra l'immagine di copertina e la grafica

Rimuovi la trasparenza dall’immagine. A questo punto, non dovresti più vedere le caselle di sfondo che hai fatto. Infatti, dovresti vedere la tua immagine di copertina di Facebook esattamente come la vedranno i visitatori della tua pagina quando la visiteranno da un desktop o da un portatile.

Immagine di copertina di Facebook corretta come vista sul desktop

Hai fatto tutto il lavoro duro. Carica la tua immagine completata su Facebook e impostala come immagine di copertina. Poi, visita la tua pagina Facebook da un dispositivo mobile. Dovrebbe apparire così:

Immagine di copertina di Facebook corretta come vista sul cellulare

Ce l’hai fatta!

Speriamo che questa guida sia stata utile. Se lo è stata, fatecelo sapere. Abbiamo reso il nostro modello di immagine di copertina per Facebook scaricabile gratuitamente in un paio di formati.

  • Scarica il modello come file Sketch
  • Scarica il modello come JPG 1.702px x 720px