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 Facebook

Dimensions de la couverture Timeline Facebook

Un 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

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

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

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 !

Catégorie Community management, Infographies, Tutoriaux

C’est quoi Pinterest ? » « Psychologie des couleurs pour un logo
Bannière 468 x 60 pixels en fin d'article
8 commentaires
  1. Top ton infographie Tipi ! Et vu l’obligation (tyrannique) d’y passer d’ici le 30 mars voila qui va me faire gagner un temps précieux !

  2. Mon plaisir :) Tu aurais pu jouer un peu avec le DoFollow sur ton site personnel l’ami ;)

  3. Salut Thibaut ! Merci pour cette infographie qui apporte une réponse précise à la question des dimensions d’images sur Timeline ! Et voici même de quoi la compléter pour les images des news !

    Have fun et un excellent WE à toi !

  4. Ro, tu viens pour me rajouter du travail un samedi, honte à toi :)

    Ok, je vais faire mes tests pour vérifier les chiffres donnés et je ferai une MAJ de l’infographie. C’est bien parce que tu es exilé à Paris ;)

  5. Salut Thibaut ! Top ton infographie :) je viens de découvrir ce blog, c’est au top ! Bon courage pour la suite.

  6. Merci à toi pour ce retour positif et peut-être à bientôt ;)

  7. Je me suis amusé sur un petit exercice qui permet d’exploiter une partie cachée de la cover de la Timeline.
    Le format indiqué est le format visible uniquement. Il y a une surface beaucoup plus importante qui ouvre des perspectives de créativité intéressantes.

  8. Effectivement, je l’avais aussi découvert depuis la généralisation de la timeline. Cependant, l’infographie réalisée n’avait que pour but de « corriger » des dimensions un peu trop floues pour moi, ce n’est en aucun cas un recueil de toutes les dimensions à connaître.

    Enfin, si d’autres n’étaient pas au courant, ils le sont maintenant. Merci Bruno ;)

© 2011 - 2016 TiPi's blog Tous Droits Réservés

Haut de page ↑