0 Flares Filament.io 0 Flares ×

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

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: 28 mars 2023

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 176 x 176 px (est rognée en forme de cercle) 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

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

2. Vos photos sur Twitter

Taille des images 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é).

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 +
photos du profil Google+

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)
4. Taille des images Linkedin
Page entreprise de Linkedin

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
5. Les photos sur Viadeo
Page entreprise Viadeo

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.
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
Site gravatar.com

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.

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

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.

Si vous avez trouvé une faute d’orthographe ou une coquille, merci de m`en informer en sélectionnant le texte concerné et en appuyant sur Ctrl + Entrée.
La langue française et moi-même vous en serons reconnaissants !

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