Facebook sur un téléphone portable à côté d'un ordinateur portable

Pour de nombreuses entreprises, Facebook est le principal outil par lequel elles se connectent à leurs clients. Pour certaines, c’est le seul outil. Il n’est donc pas surprenant que l’apparence de la page Facebook de votre entreprise puisse avoir un impact considérable sur le sérieux avec lequel les gens prennent votre entreprise. Un peu d’effort et de soin au départ peut signifier beaucoup d’argent à l’arrivée. Dans cet article, nous allons partager certaines des astuces que nous utilisons pour créer l’image de couverture Facebook parfaite à chaque fois.

Premièrement, lorsque vous créez une image de couverture Facebook pour une page d’entreprise, vous pouvez vouloir inclure un logo, un graphique ou des mots pour communiquer un message. Bien que vous puissiez créer une image de couverture en utilisant l’application iOS ou Android de Facebook, vous aurez plus de facilité à utiliser votre ordinateur de bureau ou votre ordinateur portable.

Un peu de contexte

Plates est un restaurant fictif. Comme tout commerce local, il possède une page Facebook. Et, comme toute entreprise ayant une page Facebook, les clients visitent leur page en utilisant des ordinateurs de bureau, des ordinateurs portables et des téléphones mobiles.

C’est l’image de couverture Facebook de Plates. Elle est cassée. Plus tard, vous verrez comment.

Une image de couverture Facebook cassée

Lignes directrices pour les photos de couverture Facebook

Facebook fournit des lignes directrices aux utilisateurs qui veulent ajouter des images de couverture à leurs pages. Ces directives sont les mêmes pour les pages professionnelles et personnelles.

La photo de couverture de votre page :

S’affiche à 820 pixels de large sur 312 pixels de haut sur votre page sur les ordinateurs et à 640 pixels de large sur 360 pixels de haut sur les smartphones.

Doit avoir au moins 400 pixels de large et 150 pixels de haut.

Le chargement le plus rapide est un fichier JPG sRGB de 851 pixels de large, 315 pixels de haut et moins de 100 kilo-octets.

Les directives peuvent être déroutantes. Il y a certaines choses que vous devez savoir, avant de commencer à travailler à la création de votre photo ou graphique de couverture Facebook. Ici, les mêmes directives sont présentées un peu différemment :

  • 851px de largeur x 315px de hauteur : taille recommandée pour le bureau
  • 820px de largeur x 312px de hauteur : affichage sur le bureau
  • 640px de largeur x 360px de hauteur : affichage sur les smartphones
  • 400px de largeur x 150px de hauteur : taille minimale de l’image de couverture

Raffiner les recommandations de Facebook

Vous n’avez besoin que de deux des quatre recommandations de Facebook. En répondant à ces deux, vous remplissez en fait les quatre conditions comme sous-produit de votre travail. Ce sont les deux que vous conservez :

  • 851px de largeur x 315px de hauteur : taille recommandée pour le bureau
  • 640px de largeur x 360px de hauteur : affichage sur les smartphones

En regardant les dimensions de la couverture que vous conservez, vous remarquerez une hauteur de 315px pour le bureau et une hauteur de 360px pour le mobile. La même couverture Facebook doit être utilisée pour le bureau et le mobile, ce qui signifie que votre hauteur minimale absolue doit être de 360px. Pour cette raison, la taille de la couverture Facebook dont vous avez besoin est maintenant la suivante :

  • 851px largeur x 360px hauteur : taille d’affichage minimale pour le bureau et le mobile

Maintenant, vous avez une taille de couverture Facebook qui est trop haute pour le bureau et trop large pour le mobile. Ce ne devrait pas être ce que vous voulez, mais c’est exactement ce que vous voulez. Un peu plus tard, la raison pour laquelle c’est vrai sera clarifiée.

Vous devriez apporter un autre changement de taille à votre taille de couverture Facebook. Les écrans de bureau et d’ordinateur portable à haute résolution sont de plus en plus populaires. Les recommandations de Facebook en matière de taille d’image tiennent déjà compte des écrans mobiles haute résolution. Cependant, il n’en va pas de même pour les écrans d’ordinateurs de bureau et d’ordinateurs portables. Si vous voulez que votre image de couverture Facebook soit nette sur les grands écrans, vous devez doubler la taille de votre image :

  • 1 702px de largeur x 720px de hauteur : taille d’affichage parfaite pour les ordinateurs de bureau et les mobiles

Au-dessus, vous avez vos dimensions finales de toile. Votre image de couverture Facebook se conformera à ces dimensions.

Éviter certains pièges courants

Maintenant que vous connaissez les dimensions de votre couverture Facebook, vous pouvez commencer à concevoir votre image de couverture. Un visiteur de votre page verra une partie ou la totalité de votre image de couverture, selon qu’il visite à partir d’un grand écran (ordinateur de bureau ou portable) ou d’un appareil mobile.

Zone visible de la couverture Facebook sur ordinateur de bureau et mobile

Les visiteurs sur grand écran verront la totalité de l’image de couverture. Les visiteurs mobiles ne verront que la zone bleu clair. Facebook coupera les côtés.

Revoir l’image de couverture Facebook brisée de Plates

Auparavant, vous avez vu l’image de couverture Facebook brisée de Plates. Elle semble bien sur les ordinateurs portables et de bureau.

Une image de couverture Facebook cassée

La page Facebook de Plates semble bien différente sur mobile. Voici ce que les clients voient sur leurs téléphones mobiles. Une grande partie du logo est manquante, et le texte est illisible.

Des informations rognées manquent sur la page Facebook

En plaçant l’image de couverture Facebook de Plates sur les dimensions identifiées précédemment, il est facile de voir ce qui s’est passé. Facebook n’affiche que le centre de l’image comme couverture sur mobile. Le reste est rogné de la vue et constitue une information perdue.

Couche montrant comment la couverture Facebook est cassée

Création de votre modèle de couverture Facebook

Pour concevoir votre image de couverture Facebook, vous utiliserez les dimensions que nous avons fournies précédemment.

  1. Dessinez une boîte de 1 702 pixels de large et 720 pixels de haut
  2. En utilisant une couleur différente, dessinez une autre boîte de 1 280 pixels de large et 720 pixels de haut
  3. Centrez la plus petite boîte au-dessus de la plus grande

Vous devriez avoir quelque chose qui ressemble au modèle ci-dessous. Nous avons ajouté quelques lignes horizontales et verticales comme aides à la composition pour montrer la règle des tiers. Les lignes verticales ne sont pas exactement positionnées, car les images Facebook pour grand et petit écran ont des proportions différentes. Elles sont cependant proches, et les côtés des symboles plus en gras montrent la différence entre les deux. Organisez votre contenu autour des symboles plus, et vous devriez aboutir à quelque chose d’agréable pour la plupart des yeux.

Templaire pour la conception de la couverture Facebook

Conception de votre image de couverture Facebook

Maintenant, sélectionnez une image que vous aimez, et placez-la au-dessus des deux boîtes que vous avez créées. Faites en sorte que l’image soit en grande partie transparente, afin que vous puissiez voir les boîtes en dessous. Vous corrigerez cela plus tard. Vous devriez voir quelque chose comme ceci :

Modèle de couverture Facebook par-dessus l'image de couverture

La zone bleu clair sera visible sur le bureau et le mobile. La zone bleu foncé ne sera visible que sur les ordinateurs de bureau et les portables. Une fois que votre image est placée comme vous le souhaitez, ajoutez tout texte ou graphique.

Modèle de couverture Facebook en haut de l'image de couverture et du graphique

Supprimez la transparence de l’image. À ce stade, vous ne devriez pas voir du tout les boîtes d’arrière-plan que vous avez faites. En fait, vous devriez voir votre image de couverture Facebook exactement comme les visiteurs de votre page la verront lorsqu’ils la visiteront à partir d’un ordinateur de bureau ou d’un ordinateur portable.

Image de couverture Facebook corrigée, vue sur un ordinateur de bureau

Vous avez fait tout le travail difficile. Téléchargez votre image corrigée sur Facebook, et définissez-la comme votre image de couverture. Ensuite, visitez votre page Facebook depuis un appareil mobile. Cela devrait ressembler à ceci :

Image de couverture Facebook corrigée, vue sur un mobile

Vous avez réussi !

Nous espérons que ce guide vous a été utile. Si c’est le cas, faites-le nous savoir. Nous avons rendu notre modèle d’image de couverture Facebook gratuit pour le téléchargement dans plusieurs formats.

  • Télécharger le modèle comme un fichier Sketch
  • Télécharger le modèle comme un JPG de 1 702px x 720px

.