Les vraies dimensions de la timeline Facebook

L’invasion de la timeline Facebook est en marche et, pourtant, on trouve tout et n’importe quoi sur les tailles des éléments graphiques.

Aussi, pour une fois, c’est moi qui me met à l’infographie avec une réalisation maison sur toutes les nouvelles dimensions imposées par la timeline de Facebook, au pixel près !

La timeline, passage obligé pour les pages

Si tu n’habites pas sur cette planète ou que tu attends de voir la suite, sache que la timeline sera imposée par défaut sur toutes les pages Facebook au 30 mars.

Et oui, encore une prise d’otage mais là, tu avais quand même un mois pour prévoir et modifier ta page. Si tu n’as pas encore eu le temps de le faire, voilà quelques détails sur les opérations à réaliser.

Timeline Facebook, de la dimension en pixels

Il y a une succession de pixels à prendre en compte pour tous les éléments graphiques inhérents à ta page en format timeline Facebook.

Aussi, j’ai fait sur la page Facebook de TiPi Com and Web un petit album rappel sur les vraies dimensions de la timeline Facebook.

Une couverture d’illustration

On commence par la couverture, une image de présentation qui sert principalement à… illustrer !

Et oui, cette image ne doit pas diffuser d’informations sensibles ou inciter au like ! Ce sont les règles Facebook :

  • Pas de prix ou d’informations à propos de l’acte d’achat ni de remises ;
  • Pas d’informations de contact, mail, site web et autre ;
  • Pas de références aux fonctions Facebook de partage ou J’aime ni d’incitation visuelle ;
  • Pas d’appels à l’action.

Sinon, les dimensions sont aussi intéressantes et, bizarrement, aucune infographie ni même le guide français réalisé par Facebook pour la timeline ne donnent les dimensions que j’ai pu tester sur la page Facebook TiPi !

Au final, ce que j’en dis, c’est que la couverture doit faire 845 pixels de long sur 313 pixels de large.

Dimensions de la couverture Timeline FacebookUn avatar doublonné et modifié par Facebook

En fait, il y a deux avatars distincts sur le profil timeline :

  • l’avatar d’illustration qui sera sous la couverture ;
  • l’avatar utilisé sur tout le reste de la page.

Le hic, c’est que tu ne mets en ligne qu’une seule et même image. Cet avatar que tu inclus sur ta page fait jusqu’à 180 pixels de côté. Cependant, Facebook va réutiliser cette image pour effectuer une nouvelle sélection. La portion sélectionnée aura une taille inférieure à l’avatar original, un nouveau carré de 157 pixels de côté.

Au final, tu as donc deux avatars réalisés à partir d’une seule et même image initiale :

  • l’avatar sous la couverture de 180 pixels de côté ;
  • l’avatar secondaire qui sera visible partout de 157 pixels de côté.

Dimensions de l'avatar Timeline Facebook

Il n’y a plus qu’à réaliser un avatar esthétique et pertinent qui donne le maximum d’informations dans le carré le plus petit, celui de 157 pixels de côté, histoire d’éviter de perdre des données en route !

Un moment-clé au pixel près

Là par contre, c’est l’accord avec le guide et les différentes lectures que j’ai pu faire. L’image du moment-clé fait 843 pixels de long sur 403 pixels de large.

Dimensions d'un moment-clé Timeline Facebook

Une infographie pour résumer les pixels de la timeline Facebook

Comme je commentais trop souvent partout pour rectifier les fameuses dimensions, on m’a gentiment prié de faire une infographie et c’est chose faite !

Voilà ma première infographie 100% home made, un peu d’indulgence merci :)

L’utilisation de cette infographie est d’ailleurs recommandée, sous licence Creative Commons CC BY-NC-SA 3.0. Bien entendu, un petit lien vers le billet de blog serait un plus des plus appréciés !

Toutes les dimensions de la Timeline Facebook

Voilà pour ce samedi. Si tu as des retours sur les dimensions ou des avis à apporter, je te prie de bien vouloir commenter le billet.

Si tu trouves l’information pertinente, tu peux la rediffuser et, en option mais surtout parce que c’est toi, tu peux même venir faire un coucou et liker la page Facebook TiPi !

Bon week-end !