Veazio.com

Communication visuelle et Marketing

Vous devez activer javascript pour afficher ce contenu Je vous présente une infographie très pratique qui récapitule toutes les dimensions et la taille des bannières des principaux réseaux sociaux... Taille des images des principaux réseaux sociaux

thumbnail-infographie-taille-banniere-reseauxJe vous présente une infographie très pratique qui récapitule toutes les dimensions et la taille des bannières des principaux réseaux sociaux tels que Facebook, Twitter, Google+, Pinterest, Instagram Linkedin etc… Cela vous permettra de personnaliser en quelques clics votre page d’accueil et parfois l’arrière plan de vos réseaux sociaux et de ne plus avoir à chercher dans les differents réseaux quelle taille devra mesurer telle image, avatar, vignette ou arrière-plan.

C’est un aide-mémoire très pratique à partager et à bookmarker dans un monde ou les médias sociaux se multiplient et où l’image que dévoile une entreprise, un particulier ou une marque est devenue très importante. Je vous recommande donc d’attacher beaucoup d’importance à l’image que renvoie votre page d’accueil et de l’optimiser quand c’est possible. Votre réseau social sera plus agréable à regarder, plus intéressant et les gens vous accorderont plus de confiance et de crédibilité.

La taille des images varie selon les évolutions des médias sociaux, il est donc parfois difficile pour une infographie de rester fiable à cause de ces évolutions. Cet article est donc accompagné d’un récapitulatif régulièrement mis à jour et suivi de l’infographie qui m’a permise de recenser toutes les tailles et dimensions des images.

Récapitulatif de la taille des principales images

Dernière mise à jour: 01/05/2017

Facebook:
Bannière Timeline: 828 x 315 pixels
Avatar: 160 x 160 pixels mais l’image uploadée doit être à 180 x 180 pixels

Twitter:
Taille de l’entête: 1500 x 500 pixels
Avatar: 400 x 400 pixels mais apparait à 200 x 200 pixels
Photos du flux: 420 x 220 pixels

LinkedIn:
Image de profil: 400 x 400 pixels
Image d’arrière-plan: entre 1400 x 425 pixels
Photo de couverture: 974 x 300 pixels
Image: 646 x 220 pixels

Google+:
Avatar: 250 x 250 pixels
Image couverture: 1088 x 608 pixels
Image dans le flux: 497 x 279 pixels

Pinterest:
Avatar: 165×165 pixels
Vignette planche: 222 x 150 pixels
Taille max des images: 5000 x 554 pixels

YouTube:
Arrière-plan: 2560 x 1440 pixels
Vidéos uploadées: 1280 x 760 pixels

Instagram
Image de profil: 110 x 110 pixels
Petite vignette: 161 x 161 pixels
Large vignette: 1080 x 1080 pixels
Mais apparaissent à 510 x 510.

Tumblr
Image de profil: 128 x 128 pixels
Image d’article: 500 x 750 pixels

Gravatar:
Image / Icone: 80×80 pixels

HelloCoton:
Grande image: 256 x 256 pixels
Petite image: 32 x 32 pixels

Ello:
Bannière: 2560 x 1440 pixels
Image de profil: 360 x 360 pixels

Guide 2017 des dimensions sur les réseaux sociaux

Voici la dernière infographie diffusée en la matière. Cette infographie a été créée et mise à disposition par le site Makeawebsitehub.com et vous permettra de connaitre la bonne taille des images à respecter dans vos réseaux sociaux.

infographie_tailles_images_reseux_sociaux

Astuces

Réduisez le poids de vos images au maximum. Par exemple, si vous utilisez Photoshop, assurez-vous d’enregistrer votre image pour le web et assurez vous que votre image fasse bien 72 dpi pour un chargement plus rapide de vos images et donc votre page.

Si vous voulez que votre avatar se mette à jour automatiquement sur plusieurs sites communautaires à la fois, créez vous un Gravatar. C’est un petit avatar de 80x80px qui se greffe sur chaque réseau ou il est reconnu tels que des blogs, des forums, des communautés etc…

[Total : 0    Moyenne : 0/5]
  • Aline

    26/10/2012 #1 Author

    Bonjour,
    J’ai constaté une erreur ou une mise à jour à faire sur la bannière LinkedIn de 646px de large au lieu 640px.
    Concernant Twitter on peut rajouter la taille de l’entête de 1252×626.
    Cordialement,
    Aline 😉

    Répondre

    • Veazio

      26/10/2012 #2 Author

      Merci pour ces précisions Aline. Pour rester à jour, cet article doit être modifié à chaque évolution graphique d’un réseau social et c’est grâce à des commentateurs/trices comme vous que l’information circule rapidement 😉 L’article vient d’être mis à jour. Merci

      Répondre

  • daniel

    21/12/2012 #3 Author

    Bonjour, j’ai créé une bannière pour une page sur facebook et c’est une véritable catastrophe en affichage web, alors que sur mon écran elle est parfaite…

    https://www.facebook.com/pages/Association-Portugaise-de-Besan%C3%A7on/204792082980380

    J’ai pourtant bien respecté les dimensions…

    Merci dans l’attente cordialement Daniel

    Répondre

  • Veazio

    22/12/2012 #4 Author

    Bonjour,
    votre image est-elle de cette taille 851×315 pixels ?

    Répondre

  • Veazio

    08/01/2013 #6 Author

    Dans ce cas je ne comprend pas pourquoi il y a un soucis. Je ne peux vous aider 🙁

    Répondre

  • Gautier Vlt

    27/01/2013 #7 Author

    Bonjour !
    Une petite proposition, voir un appel d’offre:
    Un graphiste pourrait-il créer (si ce n’est déjà fait) un dossier de templates pour photoshop et illustrator pour ces réseaux sociaux ?
    Cela pourrait-etre parfait pour les community manager, en ready-to-use.

    Merci !

    Répondre

    • Veazio

      29/01/2013 #8 Author

      Oui, c’est bien dans les cordes d’un graphiste ou webdesigner. Il y en a par exemple ici pour Photoshop. Je n’en ai pas trouvé pour Illustrator. Mais je n’ai pas beaucoup cherché non plus… Essaie en anglais avec des recherche comme « psd templates photoshop » ou psd templates illustrator ».
      Créer des Templates pour des réseaux sociaux toujours en mutation graphique demanderait beaucoup de mises à jour (une à chaque évolution graphique). Ainsi , si je décidais demain de créer un pack de templates pour les différents réseaux sociaux, je serai tenu de le mettre à jour régulièrement. C’est pourquoi, si un pack de la sorte venait à voir le jour sur Veazio.com, il ne se trouverait pas dans la partie « Freebies » mais plutôt dans « services graphiques »… Cependant, cela reste une très bonne idée!

      Répondre

    • Pierre-Louis

      07/03/2013 #9 Author

      Bonjour,

      suite à la remarque d’un dossier de templates qu’aimeriez vous trouver dans ce dossier plus précisément ?

      Nombre de visu, style, …

      Cette réflexion nous as semblé intéressante et rentre dans le cadre d’un de nos services en développement.

      Répondre

  • did

    20/05/2013 #10 Author

    Bonjour,

    est-il possible de revenir à l’ancien format de banner pour G+ ?
    Le résultat avec le nouveau format n’est pas très heureux et je ne parviens pas à trouver l’info…

    merci pour votre aide !

    Répondre

    • Veazio

      28/05/2013 #11 Author

      J’ai bien peur que non. Lors de la mise à jours vers le nouveau format de bannière, il est bien inscrit que cette action ne pourra plus être annulée.

      Répondre

  • GUMP

    14/06/2013 #12 Author

    EH BEN NON ! c’est pas bon !

    La taille de la photo FACEBOOK c’est pas ce qui est marqué plus haut
    c’est trop grand !
    La PROFILE PICTURE

    Répondre

  • GUMP

    14/06/2013 #13 Author

    zut: la PROFILE PICTURE commence à 25px et fini à 180px

    180-25=155 taille réelle
    210-23=187 taille conseillée sur le visuel américain (bien trop grande)

    Répondre

    • Veazio

      14/06/2013 #14 Author

      Merci pour cette info mais en mettant une profile picture de 180 px, l’image est automatiquement réduite à 160 px. Vous trouvez 155 px mais les 5 pixels manquants ne sont ils pas le cadre blanc de la profile picture ?

      Je pense que oui 😉

      Répondre

  • Christophe Certain

    30/10/2013 #15 Author

    Merci beaucoup pour cette page très utile, c’est exactement ce que je cherchais !

    Répondre

  • David

    04/12/2013 #16 Author

    Est-ce que vous savez pourquoi l’image de profile faite en 180x180px est réduite automatiquement à 160px ? Sachant qu’en mettant une dimension inférieure, Facebook ne la prendra pas.

    Répondre

    • Veazio

      04/12/2013 #17 Author

      C’est pour créer un espace de sécurité (title safe aera) et faire en sorte que la taille de l’avatar soit toujours optimisée de façon à ce qu’il soit correctement visible quelque soit le support de lecture (smartphones, tablette etc.).

      Répondre

  • Emmmanuel

    17/05/2014 #18 Author

    tres interessant

    Répondre

Laisser un commentaire

%d blogueurs aiment cette page :