La bonne taille des images sur les sites sociaux et ailleurs

Voici un petit article évolutif à vocation Pra'TIC : je vais référencer ici la bonne taille des images utilisées sur les différents sites où je suis amené, pour mon compte ou pour d'autres, à faire des inscriptions.
Taille des images sur sites sociaux
5 Flares Filament.io 5 Flares ×

Cet article risquant d'être à rallonge, la présentation est faite sous la forme d'un accordéon, chaque chapitre se « déplie » en cliquant sur le titre.

Date de la dernière modification: 1 mai 2017

1. Taille des images sur Facebook

Facebook permet de charger des images et photos au format gif, jpeg, png ou tiff. Voici les 4 principaux types d‘images à télécharger :

  • Photo de votre profil : la taille finale est de 170 x 170 px mais votre image doit faire au moins 180 pixels de coté (toute autre taille carrée est de toute façon redimensionnée).
  • Image de couverture :  851 x 315 px de préférence un jpeg de moins de 100 ko
  • Photo dans le fil d'actualités : 1200 x 1200 px maximum, ramenés à 504 px de large maximum. Une bonne taille de diffusion reste le format 404 x 404 px
  • Image du fil d'actualité que vous voulez mettre à la une : 843 x 403 px
Taille des photos pour Facebook
La taille des images pour Facebook

Vous pouvez retrouver l'infographie complète des tailles de photos pour Facebook sur l'excellent site de Jon Loomer à l'adresse suivante : http://bit.ly/175PPwq

Pour terminer, voici un lien vers deux pages Facebook traitant du sujet :

2. Vos photos sur Twitter
Twitter accepte les images et photos au format JPGGIF, ou PNG.
Nouveauté (04/2014): un nouveau format de présentation s'installe, avec des tailles d'images plus généreuses (voir le détail ci-dessous)

  • Photo de votre profil
    • Ancienne présentation  : téléchargez une image en 128 x 128 px. Attention, elle est retaillée en 73 x 73 px sur la page profil et en 48 x 48 px dans le fil des tweets. Tenez en compte en pour le cadrage et la qualité. 
    • Nouvelle présentation twitter (04/2014): le format passe à 400×400 pixels
  • Image de fond de l'entête:
    • Ancienne présentation  : Twitter conseille une image en 1200 x 600 px qui sera retaillée à 520 x 260 px.
    • Nouvelle présentation (04/2014) : le format passe à 1500 x 500 pixels.
  • Image de fond de la page : 2048 x 1600 pixels.
    Depuis la mise en place de la nouvelle présentation (04/2014), il semble que la seule limite soit une image inférieure à 2 Mo (pas de gif animé).

 

 

Taille des images sur Twitter

Taille des photos pour Twitter (ancienne présentation)

Décembre 2014 : toujours suite au commentaire de David, voici un lien vers la page Twitter qui semble me donner raison : Comment personnaliser votre profil ?

3. Vos images dans Google +

Google a modifié récemment la mise en page de la page profil.

  • Photo du profil : une image carrée fera l'affaire, habituellement 453 x 453 px qui sera ramenée à 120 pixels de coté. Attention au cadrage, la photo apparaît dans un cercle sur la page profil (la mienne est ratée par exemple : voir mon profil Google+). Cette image apparaît en 48 x 48 px dans les fils.
  • Photo de couverture : le mieux est de faire des essais car le format est adapté en fonction de la taille de l'écran, partez sur du 960 x 540 pixels. Un recadrage est possible au moment de la mise ne place (idem pour la photo du profil d'ailleurs)

 

photos du profil Google+

Les images du profil Google+

.

4. Taille des images Linkedin

Pour Linkedin, le site accepte les fichier JPG, GIF ou PNG. Il y a la notion de page profil et de page entreprise :

  • Pour la photo du profil : 4 Mo maximum. Taille de  200 x 200 à 500 x 500 pixels.
  • Pour la page Entreprise :
    • une'image de 646 x 220 px mini, taille 2 Mo maximum
    • le logo : 100 x 60 pixels, taille 2 Mo maximum
Page entreprise de Linkedin

La page d'accueil de Linkedin

5. Les photos sur Viadeo

Pour Viadeo, comme pour Linkedin, il y a des tailles d'image différentes pour votre profil et pour la page entreprise. Les formats acceptés sur le site sont les fichiers JPG, GIF ou PNG.

  • Pour la photo du profil : 7 Mo maximum. Taille de  140 x 185 pixels mini retaillée ensuite à 117 x 155 px sur la page profil et à 44 x 44 px dans les fils.
  • Pour la page Entreprise le logo doit être une image de 200 x 200 pixels, sa taille ne doit pas excéder 7 Mo.
Page entreprise Viadeo

Une page type Viadeo

6. Les formats d'images sur Youtube.

La taille des illustrations d'une chaîne Youtube

Youtube est le site où il faut être lorsque l'on veut communiquer par la vidéo. Il y a de nombreux formats d'images proposés, voici les principaux :

  • Icône de chaîne : par défaut celle de votre compte Google. Si vous la modifiez, utilisez une image carrée de préférence en 800×800 pixels qui sera retaillée automatiquement en 98x98px
  • L'image d'illustration de la chaîne est adaptée automatiquement par Youtube en fonction de l'écran (voir image ci-dessus). Il est conseillé d'importer une image en 2560 x 1440 pixels en tenant compte que la zone toujours visible est au centre et mesure 1546×423 pixels.

Pour plus de précisions, rendez vous sur la page d'aide de Youtube: http://bit.ly/14xns7H

7. La taille de votre bannière et de votre avatar sur votre chaîne Dailymotion.

Suite à une demande, j'ai jeté un coup d’œil à Dailymotion pour dégoter la taille des images utilisées pour habiller son profil et sa chaîne:

  • Avatar de votre compte : image JPG, GIF ou PNG, taille maximale 450 Kb, hauteur-largeur : 1680 x 1680 pixels maximum, 160×160 px minimum.
  • Image pour la bannière de la chaîne: 1920×1080 pixels.

Pour plus d'information sur la personnalisation de votre chaîne Dailymotion: http://bit.ly/dailymotion-photos

8. Tumblr : la taille des images du profil et du flux

Tumblr. est une plateforme de blog en ligne encore très utilisée. Je viens d'y créer mon compte (j'y reprend les articles que j'écris par ailleurs) : thierry-81.tumblr.com.

Pour la taille de l'image du profil sur tumblr., il faut qu'elle soit carrée et d'au moins 128 pixels de coté (affichée en 64×64 px).

Suite à la contribution de « Soulfree » dans les commentaires ci-dessous, voici d'autres informations sur les images utilisées sur tumblr :

  • Les images que vous partagez sont affichées dans le flux au format 500 x 750 px
  • Si vous partagez un gif animé, il doit se limiter à 500 px de coté et ne doit pas excéder la taille de 1Mb
9. Taille des images Gravatar

Gravatar est un service qui vous permet de créer votre « avatar standard », inclus automatiquement dans WordPress mais également utilisable sur de nombreux sites, blogs…

Le format de l'image est libre puisque vous le recadrez après téléchargement. Tenez compte quand même des formats affichés ensuite qui vont de 18 x 18 à 48 x 48 px.

Site gravatar.com

Page accueil site Gravatar

10. La bonne taille des images sur votre site

Vous trouverez sur le web beaucoup de conseils sur la taille idéale des photos et images destinées à un site web. A mon sens, il n'y a pas de taille précise mais plutôt des formats et des limites.

Longtemps nous nous sommes cantonnés au 800 x 600 pixels maximum et de ce fait à un rapport d'image de 4/3. Depuis l'explosion de la photo numérique, je pense qu'il vaut mieux privilégier un rapport 3/2 qui correspond davantage aux formats standards de nos appareils. L'image me semble également plus harmonieuse dans ce cas. Quant à la taille, je ne vais jamais au delà de 800 pixels ce qui donne des formats en 800 x 533 px. Pour ce site, j'utilise souvent un format « perso » simple de 600 x 400 pixels que je réduit selon le besoin (450 x 300 px, 300 x 200 pixels…).

Je profite de ces lignes pour faire un aparté sur une notion importante mais souvent négligée lorsque l'on crée des images pour le web, la composition. J'y prête personnellement attention mais, disons le, de façon plutôt intuitive.
Je viens de lire deux articles très instructifs de Laurent Breillat sur la composition en photographie, où il présente de façon simple des méthodes que je vais essayer d'appliquer dans mes future illustrations; voici les liens : La règle des tiers et Le nombre d’or appliqué à la composition photographique.

 

Post-Scriptum pour un futur lecteur

Attention, ces formats sont parfois amenés à changer, si vous venez d'un futur plus ou moins  éloigné (regardez la date de l'article et celle de la dernière modification pour vous en assurer), il serait peut-être bon de consulter directement les pages d'informations des sites concernés.

5 Flares Twitter 0 Facebook 0 Google+ 0 LinkedIn 5 Email -- Pin It Share 0 Filament.io 5 Flares ×

24 réflexions au sujet de “La bonne taille des images sur les sites sociaux et ailleurs

  1. Pingback: La bonne taille des images sur les sites sociau...

  2. Pingback: – Brèves de com’ : partir du bon pied avec Twitter

  3. Pingback: Quelles tailles d’images pour quels réseaux sociaux ? #LSDLA | Laurent Houël

  4. Pingback: Sites e-commerce | Pearltrees

  5. Pingback: Réseaux sociaux | Pearltrees

    • Thierry Couteau Auteur

      Bonjour,
      Merci de votre visite.
      Concernant la taille des images, que ce soit sur Facebook ou Twitter, mon article semble à jour.
      J’ai d’ailleurs ajouté les liens vers certaines pages d’aide des deux réseaux sociaux (parfois difficiles à trouver).
      Merci de m'(nous)en dire plus sur ces changements.
      Cordialement,
      Thierry

      • DOMINIQUE HENNEQUEZ

        Bonjour
        J’ai un sérieux problème pour créer une bannière pour une PUB sur un site d’investissement dont les dimensions sont 468×60 sorti de ce format l’enregistrement ne peut se faire.
        En commençant avec rien comment créer l’image type avec les bonnes dimensions.
        Merci pour votre réponse
        Dominique

        • Thierry Couteau Auteur

          Bonjour,
          Désolé pour le temps mis à répondre. Vous avez probablement trouvé une solution entre-temps, il vous faut avant tout un logiciel de création d’image. Gimp (http://www.gimp.org/) est la solution opensource la plus connue mais elle est un peu ardue pour un « novice ».
          Sinon, voici peut-être une bonne alternative: Google Web Designer (https://www.google.com/webdesigner/) un logiciel gratuit proposé par Gooogle (on se demande pourquoi…) pour créer ses propres bannières. Je ne sais pas par contre ce qu’il permet de faire dans votre cas, je vous laisse le découvrir.
          Tenez moi au courant !
          Cordialement
          Thierry

  6. Pingback: Réseaux sociaux | Pearltrees

    • Thierry Couteau Auteur

      Bonjour,
      De rien !
      Concernant les vidéos, le sujet est différents. Sur les réseaux sociaux, il n’y a pas de règle à proprement parler, c’est en fait généralement un lien qui vous est demandé (Youtube, Dailymotion, Vimeo…) et le réseau s’occupe de l’afficher selon ses propres critères.
      Pour l’intégration de vidéos sur votre site, le sujet est vaste selon ce que vous voulez obtenir et le CMS utilisé.
      Cordialement,
      Thierry

  7. Pingback: Joan62 | Pearltrees

  8. Alice

    La bonne taille de photo pour le site d’échanges je……com

    Je ne réussi pas à ce qu’une de mes photos s’affiche sur mon profil.

    Merci

  9. Katya

    Bonjour Thierry Couteau, aye j’ai un sacré probleme: on me demande de telecharger une photo d’identité et une photo de profil de 8 MB mode PNG maximum et je ne sais pas comment!!!! besoin de une urgent svp, merci et agréable journée

    • Thierry Couteau Auteur

      Bonjour Katya,
      Je ne sais pas trop comment vous aider sans plus d’information. Merci de me contacter par le formulaire de contact et de m’expliquer ce qui vous bloque : quelles photos avez vous, à quel format ? Sur quel site devez vous les télécharger ?
      Dans l’attente de vous lire,
      Cordialement,
      Thierry

  10. soulfree

    Bonjour,
    vous dites : « Pour la taille de l’image du profil sur tumblr., il faut qu’elle soit carrée et d’au moins 128 pixels de coté (affichée en 64×64 px). »
    Pas besoin qu’elle soit carré l’image, on a le choix entre carré ou rond.
    – Photo de profil Tumblr : au moins 128×128 pixels (JPG, GIF, PNG ou BMP)
    – Images partagées sur Tumblr : affichées dans le flux Tumblr en 500×750 pixels
    – GIF partagés sur Tumblr : 500px de large et 1Mb maximum

    • Thierry Couteau Auteur

      Bonsoir Soulfree,
      Pour Tumblr, l’image de profil est de toute façon redimensionnée et 128×128 px reste le format le plus approprié.
      Merci pour les autres infos, je complète cette partie.
      Merci pour cette contribution,
      Cordialement
      Thierry

  11. Soulfree

    Bonsoir,
    Pour dailymotion, les tailles ont changé
    https://faq.dailymotion.com/hc/fr/articles/203790886-Photos-de-votre-cha%C3%AEne

    – Important : les photos de profil devront être carrées et avoir pour dimension minimum 160 x 160 px.
    – Important : les illustrations de couverture doivent avoir pour dimensions minimum 1920 x 1080 px.

    si vous essayez de mettre une image pour l’illustration de la couverture de 940×240 pixels, vous aurez ce message
    « Unfortunately, that file is either the wrong dimensions or an unsupported file type. Need help? View cover photo specifications. »

    bonne soirée

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

5 Flares Twitter 0 Facebook 0 Google+ 0 LinkedIn 5 Email -- Pin It Share 0 Filament.io 5 Flares ×