La bonne taille des images sur les sites sociaux et ailleurs

Twitter accepte les images et photos au format JPG, GIF, 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é).

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 ?

Les images du profil 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)

La page d’accueil de 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

Une page type 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.

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

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

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

Page accueil site 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.

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éduis 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.