CATEGORY / Médias sociaux

Rock n’roll & Creativity

Amusons-nous !

Vous avez peut-être déjà croisé ces publications sur les pages des réseaux sociaux awbdesign, mais au cas où vous en auriez manqué, voilà la série au complet avec les réponses.

Rappelez-vous, derrière chaque illustration se cachait un groupe de musique ou un musicien.

Taille des images sur les Réseaux Sociaux

Pour faciliter la tâche des community managers, retrouvez ci-dessous toutes les tailles à connaître sur les réseaux sociaux. Ces recommandations vous permettront d’optimiser la plupart de vos visuels. 

La taille des images sur Facebook

  • Photo de profil sur Facebook : 170 pixels de large et 170 pixels de haut minimum
  • Photo de couverture: 851×315 pixels, selon les recommandations de Facebook (ou 400×150 pixels au minimum)
  • Photos : la taille recommandée est 1200×630 pixels
  • Photo publiée dans une story: 1080×1920 pixels
  • Photo pour Facebook Ads dans le feed: 1080×1080 pixels (avec un minimum de 600×600 pixels), d’après les recommandations de Facebook
  • Photo pour Facebook Ads dans les articles instantanés: 1080×1080 pixels au minimum
  • Photo pour Facebook Ads dans Messenger: 1080×1080 pixels au minimum

 

La taille des images sur Twitter

Il est vivement conseiller de suivre ces différentes recommandations pour obtenir une meilleure qualité pour vos photos publiées sur Twitter. 

  • Photo de profil sur Twitter: 400×400 pixels (taille recommandée), avec une taille minimum de 200×200 pixels
  • Photo de couverture: 1500×500 pixels, selon les recommandations de Twitter
  • Photo in-stream: 1600×1900 pixels, au minimum 600×335 pixels
  • Photo pour un tweet sponsorisé: 600×335 pixels au minimum
  • Photo dans une Twitter Card : 800×418 pixels (ratio 1.91:1) et 800×800 pixels (ratio 1:1) pour un site web, une application, ou les Carrousels (toutes les images devront présenter la même taille). Les Twitter Card destinés aux messages directs devront respecter le format 800×418 pixels.

 

La taille des images sur Instagram

Instagram permet désormais de publier des photos verticales, horizontales et au format carré.

  • Photo de profil Instagram: 320×320 pixels. Veillez à bien uploader une image suffisamment grande pour qu’elle s’adapte bien à la photo de profil. En effet, cette dernière étant de forme circulaire, les éléments principaux de la photo de profil Instagram devront être bien centrés afin qu’ils ne soient pas croppés.
  • Photo au format paysage: 1080×566 pixels
  • Photo au format portrait: 1080×1350 pixels
  • Photo au format carré: 1080×1080 pixels
  • Tailles recommandées: téléchargez la photo au minimum 1080 pixels de largeur et entre 566px et 1350px de hauteur, en fonction si l’image est au format paysage ou portrait.

Les autres tailles pour les images sur Instagram

  • Photo pour les vignettes Instagram: 161×161 pixels (taille d’importation recommandée : 1080 pixels de large)
  • Photo pour les Stories: 1080×1920 pixels (recommandé), ratio 9:16
  • Photo pour les carrousels: 1080×566 pixels (format paysage), 1080×1350 pixels (format portrait), 1080×1080 (format carré)
  • Taille pour les formats publicitaires d’Instagram: 1080×566 (paysage), 1080×1080 pixels (carré), avec une largeur comprise entre 320 pixels et 1080 pixels maximum. Laissez également 250 pixels sans contenu en haut de votre photo pour éviter qu’elle ne soit recouverte lorsqu’elle sera repartagée
  • Taille pour les Stories publicitaires d’Instagram: 1080×1920 pixels

 

La taille des images sur YouTube

  • Photo de chaîne YouTube : 800×800 pixels, affiché en 80×80 pixels
  • Photo de couverture YouTube : 2560×1440 pixels (recommandé)
  • Taille minimum : 2048×1152 pixels
  • Taille de la vignette : 1280×720 pixels
  • Poids maximum : 6 Mo.
  • Taille de la vidéo: 1280×720 pixels

 

La taille des images sur LinkedIn

  • Photo de profil LinkedIn: 400×400 pixels minimum (8 Mo max, JPG, GIF ou PNG)
  • Photo de couverture: 1584×396 (recommandé)
  • Logo des pages LinkedIn (Company): 300×300 pixels (PNG, JPG ou GIF)
  • Photo de couverture des pages (Company): 1128×191 pixels
  • Photo type « hero » des pages: 1128×376 pixels (bannière)
  • Logo « square » des pages: 60×60 pixels
  • Photo pour un lien sur un blog LinkedIn: 1200×627 pixels (recommandé)

Lorsque vous copiez-collez une URL sur LinkedIn , l’image de la page partagée va apparaître automatiquement dans l’aperçu, si une photo est disponible. Vous pouvez modifier cette image et uploader celle que vous souhaitez depuis votre ordinateur.

Cette image doit être de 1200×627 pixels (ratio 1,91:1), avec au minimum 200 pixels de largeur. Si l’image fait moins de 200 pixels de largeur, LinkedIn va la retailler en petite vignette, qui sera affichée sur le côté gauche de votre post.

  • Le logo de la page pour une publicité: 100×100 pixels
  • Arrière-plan d’une publicité Spotlight: 300×250 pixels
  • Image d’un contenu sponsorisé: 1200×627 pixels (ratio 1.91:1)
  • Photo LinkedIn Stories: 1080×1080 pixels (ratio 1:1)

 

La taille des images sur Pinterest

  • Photo de profil Pinterest: 165×165 pixels (recommandé), elle s’affiche en 120x120px
  • Photo de couverture: 800×450 pixels minimum
  • Photo d’épingle (pin): 1000×1500 pixels (recommandé), ratio 2:3, affichée avec une largeur fixe de 236 pixels, ou 1000×1000 pour les pins au format carré
  • Story pour une épingle: 1080×1920 pixels (recommandé)
  • Collections d’épingles: 1000×1000 pixels ou 1000×1500 pixels
  • Photos d’épingle Pinterest sponsorisée: 1000×1500 (ratio 2:3) recommandé
  • Carrousel d’épingles sponsorisé: 100×1500 pixels ou 100×1000 pixels
  • Publicité Shopping: 1000×1500 (recommandé)
  • Format: JPEG, PNG ou GIF

Quand le braille s’invite sur les réseaux sociaux

Il est 9h, Samuel se met à son ordinateur pour se rendre sur internet comme beaucoup d’autres personnes, à un détail prêt: Samuel est aveugle… et pourtant, pour lui qui souffre de déficience visuelle depuis sa naissance, internet est un incroyable moyen de se rattacher au monde, à condition que son accessibilité soit davantage prise en compte.

UNE JOURNÉE AVEC SAMUEL

COMMENT FAIT-IL POUR NAVIGUER SUR LE WEB ?

Samuel a équipé son ordinateur d’une «plage braille», un dispositif électro-mécanique pour afficher en temps réel des caractères en braille, qu’il peut associer à un système de synthèse vocale. Il utilise l’un, l’autre, ou les deux systèmes simultanément en fonction des circonstances.

   

1re image – Plage braille branchée à un ordinateur portable.
2e image – Plage braille branchée à un ordinateur.

COMMENT ÇA MARCHE ?

Grâce au lecteur d’écran, un logiciel d’assistance technique qui retranscrit sur sa plage braille ce qui est affiché sur l’écran de son ordinateur.

Le bon fonctionnement d’un lecteur d’écran repose sur des applications correctement construites qui interagissent avec le système d’exploitation via les API d’accessibilité. Il est impératif que les documents soient correctement structurés. Par exemple, pour un document de type texte, les styles ainsi que de véritables listes à puces doivent être utilisés.

La problématique de l’accessibilité du web a été abordée par la Web Accessibility Initiative (WAI) du World Wide Web Consortium (W3C). Elle a produit une série de recommandations, les Web Content Accessibility Guidelines, afin d’aider les développeurs de contenu à produire des sites appropriés.

Les pratiques d’accessibilité cherchent à réduire ou supprimer les obstacles qui empêchent les utilisateurs souffrant d’un handicap d’accéder à des contenus ou d’interagir avec des services. Par exemple, en ajoutant un texte de remplacement aux images, qui permet aux déficients visuels d’accéder à l’information même sans voir l’image.

Démonstration

 

c’est la pause café, sAMUEL EN PROFITE POUR SE RENDRE SUR LES RÉSEAUX SOCIAUX

UN AVEUGLE SUR LES RÉSEAUX SOCIAUX ?!

Oui, c’est possible, vous dira-t-il ! Cependant, tous les médias sociaux n’utilisent pas la même technologie pour rendre leurs plateformes accessibles aux aveugles.

Twitter fût le premier à parler de la possibilité qui leur est donnée de bénéficier d’une description des images publiées (c’est aux utilisateurs qui postent les photos de rédiger ces commentaires en activant la fonction «Composer des descriptions d’image» dans leurs paramètres).

Du côté de chez Facebook et Instagram, c’est l’intelligence artificielle qui se charge automatiquement de décrire l’image qui est représentée par assistance vocale.

 

NON LOIN DU CAFÉ DE SAMUEL, STEVE ET TOMMY, AVEUGLES EUX-AUSSI, SE CONNECTENT À FACEBOOK ET instagram 

SUR FACEBOOK AVEC STEVE

«Ça peut me prendre un peu plus de temps qu’une personne qui voit son écran et qui sait sur quel bouton appuyer rapidement, mais au moins, je peux moi aussi, être sur Facebook et m’y abreuver», dit fièrement Steve Proulx.

Son téléphone intelligent en main, Steve appuie sur le bouton principal pour faire apparaître l’écran. Celui-ci s’affiche en compagnie d’une voix à la Siri lui disant qu’il est bel et bien dans le menu principal. Ensuite, il glisse son doigt vers la gauche pour entendre quels programmes s’offrent à lui: «Téléphone, Mail, Safari, Musique», dit un-à-un, l’assistance vocale avant d’atteindre «Facebook».

En ouvrant l’application, il entend que c’est l’anniversaire de l’un de ses amis. Le programme de synthèse vocale, inclus dans tous les appareils intelligents, lui lit mot-à-mot les statuts de ses connaissances.

Tout comme bien des utilisateurs, Steve utilise Facebook pour s’informer:
«Ce que j’aime également, c’est me reconnecter avec des gens dont je n’ai pas eu de nouvelles depuis longtemps.»

Facebook reconnaissant maintenant les images, il lui décrit ce qui apparaît sur les photos (par exemple, une personne ou un animal, et dans quel contexte ils se trouvent).

 

SUR INSTAGRAM AVEC TOMMY

« Je recadre et même partage régulièrement mes images sur Instagram, commente Tommy. »

Instagram est accessible aux aveugles, via une fonction vocale. Le smartphone «parle» à Tommy lorsqu’il parcourt l’écran avec son doigt: «bouton caméra», puis «prendre une photo».
Une fois sa photo prise, il n’a plus qu’à glisser le doigt vers le bas de l’écran, sur les différents filtres de l’application. Là encore, le smartphone parle à Tommy pour lui dire le nom des filtres différents: «filtre rise», «filtre x pro 2» et bien d’autres.
Le smartphone lui demande de valider son cliché, puis d’y ajouter une légende, et même de partager sa photo sur les réseaux sociaux.

_____

Tommy Edison est une vraie star aux États-Unis. Véritable addict aux réseaux sociaux, Tommy dispose d’une page Facebook, et d’une chaîne Youtube qui frôle les 2,5 millions de vues et qui est suivie par plus de 13’000 abonnés. Il répond à des questions pratiques sur le quotidien des aveugles.

_____

Et si la plupart de ses photos sont mal cadrées, cela donne un certain charme: cette photo de branches d’arbres en noir et blanc trouvées sur son profil n’a rien à envier aux innombrables photos de nourriture d’autres utilisateurs d’Instagram !

Dans une de ses vidéos Youtube, Tommy explique comment il utilise Instagram:

 

SAMUEL, STEVE ET TOMMY ONT UNE REQUÊTE À NOUS ADRESSER

A QUOI ÊTRE ATTENTIF POUR LEUR SIMPLIFIER L’ACCÈS AUX RÉSEAUX SOCIAUX ?

« J’utilise Twitter et je suis aveugle. Nous sommes beaucoup dans ce cas. Augmentez votre capacité à nous atteindre et aidez-nous à comprendre vos photos, c’est très simple et ça fait une énorme différence pour nous. »

Maintenant que l’on sait qu’un appareil peut être équipé d’une fonction vocale, on peut conclure sans mal que plus un site aura une construction limpide, plus il sera simple pour l’internaute aveugle de s’y retrouver. Car à chaque fois que ce dernier découvre un site, il doit d’abord se familiariser avec son arborescence: comment il est structuré, où se situe le menu, le titre, la photo, etc.

Voici une liste non exhaustive des détails auxquels il faudrait penser afin de leur simplifier la vie:

  • Les publicités intempestives dans le contenu: elles représentent un frein à chaque navigation.
  • Les sites en flash: intéressant pour les sites d’information qui veulent gonfler leur audience, mais infernal pour les personnes déficientes visuelles car l’aveugle n’a jamais une vision globale de la page sur laquelle il se trouve (il ne peut que la comprendre par petits bouts, qu’il assemble lui-même pour comprendre l’environnement qu’il est en train de visiter).
  • Pensons à «traduire» les images: ne pas le faire, revient à y interdire l’accessibilité aux personnes aveugles.

« Savez-vous que les emoji et la ponctuation dans vos pseudos Twitter sont lus à voix haute par des lecteurs ? Si lire votre pseudo me prend plus de temps que lire votre tweet, je vais forcément scroller. S’il vous plaît, pensez à ça avant d’ajouter plein d’emoji à tout et n’importe quoi », fait remarquer Samuel.

  • Evitons donc les emojis !


Alors, à quand des contenus en ligne prenant davantage en considération les aveugles ?

Note 

A l’exception de Samuel, personnage fictif qui vous a accompagné tout le long du récit, les témoignages sont tous issus de personnes réelles.

 
SOURCES

Article rédigé par Ariane Wolleb, awbdesign

loading
×