Guide mis à jour sur les tailles de bannière, d'en-tête et de photo de Twitter

Twitter, comme la plupart des sites Web, change de temps en temps. Une chose que Twitter modifie est leur mise en page, à la fois de manière très importante et de manière très mineure. Certains changements sont majeurs, comme transformer les favoris en likes. D'autres changements sont plus subtils, à la façon dont ils recadrent les images, etc.

À la date de publication de cet article, les informations ci-dessous doivent être exactes. Je vous ferai savoir ici – en modifiant ce paragraphe – si je mets à jour le message.

L'image d'en-tête

Votre image d'en-tête sur Twitter est comme un panneau d'affichage géant que l'on ne voit que de temps en temps. Toute personne naviguant sur son propre fil Twitter ne le verra pas ; ils doivent visiter votre page de profil pour le voir.

Twitter vous recommande de télécharger une image très large pour être votre en-tête. Leurs dimensions prévues sont 1500 x 500 ; 1 500 pixels de large sur 500 pixels de haut. Simple, facile, fin de l'histoire, n'est-ce pas ?

Eh bien, c'est si vous êtes comme The Onion et utilisez simplement une image d'un article populaire récent comme bannière supérieure. Il n'y a pas besoin d'être complexe avec une mise en page ; recadrez simplement une image à la bonne taille et téléchargez-la. Tant que ça a l'air bien, c'est bon à utiliser.

Si vous êtes comme certaines entreprises, cependant, vous voudrez peut-être quelque chose d'un peu plus optimisé. C'est généralement une bonne idée d'utiliser votre bannière supérieure comme un appel à l'action. Il y a beaucoup de problèmes, cependant.

Tout d'abord, la taille de la bannière supérieure n'est pas de 1 500 sur 500. Elle ressemble en fait plutôt à 1 263 sur 421, si vous utilisez un écran large typique. Cela représente une gouttière verticale et horizontale, qui peut être utilisée dans certaines résolutions. Si vous deviez inspecter l'élément d'arrière-plan et afficher l'image d'une bannière donnée, vous en verrez généralement au moins un peu plus verticalement en haut et en bas de l'image.

Vous pouvez voir comment Twitter ajuste dynamiquement l'image si vous cliquez et faites glisser un navigateur pour le redimensionner. Vous pouvez voir comment, à différentes résolutions, l'image effectuera un léger zoom avant ou arrière ; c'est s'ajuster en utilisant l'espace dont il dispose. Une fois que vous avez suffisamment rétréci, vous obtiendrez une barre de défilement à la place.

Ensuite, vous devez considérer le mobile . Lorsque vous utilisez l'application Twitter, la même image apparaît dans les mêmes dimensions, réduite. Cela signifie que si vous souhaitez utiliser une sorte d'appel à l'action dans le texte de votre bannière, vous ne pouvez pas rendre le texte si petit qu'il devient illisible.

Si vous placez un appel à l'action sur votre bannière supérieure, vous devez faire deux choses. Tout d'abord, évitez le haut et le bas absolus de l'image. Une partie de cet espace est occupée par les gouttières pour donner à l'image la possibilité de zoomer et de s'ajuster.

Deuxièmement, évitez le coin inférieur gauche à environ un tiers du chemin à partir de la gauche. Il y a une section là-bas qui est couverte par votre image de profil et la fine bordure qui l'entoure. Tout texte ou appel à l'action que vous placez dans cette section sera caché derrière votre photo de profil.

Conseil de pro : utilisez une image beaucoup plus grande ! Twitter recommande un minimum de 1500×500. Vous n'êtes pas limité à ça ! Je me retrouve souvent à télécharger des images 1920 × 1080 et à jouer avec le zoom, le positionnement horizontal et vertical, et à recadrer pour les positionner exactement où je veux.

Une chose que vous pouvez faire est de créer votre bannière, puis d'agrandir le canevas dans toutes les directions de quelques centaines de pixels. Lorsque vous allez télécharger l'image, vous pouvez ensuite la positionner soigneusement exactement comme vous voulez qu'elle apparaisse.

Photos de profil

Votre photo de profil ces jours-ci est un cercle . Ici, Twitter recommande une image carrée de 400 × 400 pixels. Votre affichage sera un cercle d'environ 400 pixels de diamètre, mais encore une fois, vous pouvez ajuster l'image lorsque vous la téléchargez. Une image de 400 × 400 pixels ou une image de 2000 × 2000 pixels bénéficient toutes deux des mêmes options de zoom.

Lorsque vous téléchargez une image comme image de votre profil, vous pouvez l'agrandir et la dézoomer, et vous pouvez la faire glisser horizontalement et verticalement si vous l'avez suffisamment agrandie pour ne pas couper le bord. Vous êtes limité aux bords de votre image, c'est pourquoi Twitter en recommande une de taille suffisante.

Le zoom n'est pas illimité. Vous ne pouvez zoomer une image vers l'extérieur que si ce n'est PAS une image carrée. Vous pouvez effectuer un léger zoom arrière jusqu'à ce que vertical ou horizontal corresponde à l'espace minimum disponible. Dans les quelques images que j'ai trouvées qui peuvent le faire, il s'agit d'un zoom d'environ 80 %. Pendant ce temps, vous pouvez effectuer un zoom avant d'environ 150 %, peut-être jusqu'à 200 % dans une image parfaitement carrée, pour obtenir le positionnement exact que vous souhaitez.

La raison pour laquelle Twitter veut une image carrée de 400 pixels est qu'ils ont un redimensionnement minimal à faire. Une image exceptionnellement grande devrait être réduite lors du téléchargement, ce qui se traduit par une image floue. Une image exceptionnellement petite sera trop pixélisée et sera rejetée.

Dans ce cas, mon protip ci-dessus n'est pas vraiment applicable. Au lieu de cela, j'en ai un autre.

Astuce : agrandissez votre image légèrement plus que nécessaire. Faites votre image de logo, bord à bord, 400 pixels, puis ajoutez une gouttière d'environ 50 pixels de chaque côté, en la gardant carrée. De cette façon, lorsque vous téléchargez l'image, vous pouvez l'agrandir suffisamment pour lui donner juste assez d'espace autour des bords pour bien paraître avec la bordure mais sans vraiment tendre la main pour la toucher. Le petit réglage fin peut valoir la peine.

Dimensions de la publication d'image

Lorsque vous publiez des images sur votre flux, celui-ci se réduit pour s'adapter à leur format de publication. Parfois, cela signifie qu'il coupe le haut et le bas de l'image. Si vous postez plusieurs images, vous finissez par en voir une occuper les deux tiers de l'espace, et deux ou trois autres se répartissant le reste de l'espace. Les messages Twitter individuellement ne peuvent contenir que quatre images au maximum.

Lorsqu'une photo fait partie d'une publication et est jointe à un lien, cette photo mesure 440 × 220 pixels. Il est largement horizontal et ne s'agrandit pas lorsque vous cliquez dessus ; le clic vous amène au poste à la place. Vous pouvez, comme auparavant, l'agrandir, mais il sera réduit et vous n'aurez pas la possibilité de l'ajuster.

Lorsque vous téléchargez simplement quatre images, elles s'affichent dans l'ordre dans lequel vous les téléchargez. La première image est l'image principale, et les une, deux ou trois restantes reçoivent des sections de l'espace restant. Si vous ne téléchargez que deux images, elles divisent le même espace 440×220 en deux carrés 220×220.

Une seule image recevra un espace maximum de 440 × 440. Si l'image elle-même est plus petite horizontalement, elle sera légèrement recadrée en haut et en bas. Si l'image est plus petite verticalement, elle sera affichée au format boîte aux lettres à moins qu'elle ne soit beaucoup trop large, auquel cas elle sera recadrée.

Le téléchargement de trois images placera une image sous forme de carré occupant les deux tiers gauches de l'image, les deux autres sous forme de carrés empilés verticalement à sa droite. Le téléchargement de quatre images est le même, sauf que plus de surface est donnée à l'image principale pour permettre une pile verticale de carrés plus haute pour les trois autres images.

Tout cela est délicat, mais en pratique, cela signifie simplement "télécharger des images carrées chaque fois que possible". Twitter essaiera d'afficher autant d'image que possible dans le carré. Si l'une des images est recadrée - pour les images verticales plus longues, principalement - l'utilisateur devra appuyer dessus ou cliquer dessus pour voir le tout.

Conseils pour utiliser des images sur Twitter

Tout d'abord, votre photo de profil. 99% du temps, votre photo de profil doit être une photo de vous ou de votre logo. Je sais que beaucoup d'artistes choisissent d'utiliser une œuvre de leur art, ou un autoportrait artistique, comme photo de profil ; c'est parfaitement bien aussi.

En général, vous devriez éviter d'autres formes de photo de profil. Laisser votre photo de profil vide entraînera une silhouette de profil vide de base, ce qui risque de vous laisser moins de confiance qu'avec un compte rempli.

Je ne recommande pas d'utiliser votre photo de profil comme appel à l'action. Dans presque tous les modes d'affichage, il est tout simplement trop petit. Rien de ce que vous mettez dans cet espace ne sera vraiment visible.

Quant à votre image de bannière supérieure , c'est un excellent endroit pour présenter ce que vous faites. Une banque pourrait avoir une scène d'un caissier et d'un client heureux. Un photographe peut montrer une photo qu'il a prise d'un paysage magnifique. Un artiste peut présenter une pièce plus grande qu'il a produite récemment.

Les entreprises locales trouvent souvent utile de prendre une photo de leur emplacement, ce qui peut aider les utilisateurs à les trouver s'ils sont cachés ou dans un bâtiment quelconque.

D'autres marques, en particulier les marques numériques, peuvent utiliser la bannière de profil comme une sorte de panneau publicitaire. Placez un appel à l'action textuel plus grand, avec des illustrations, similaires à une infographie ou à une page de destination, dans cet espace. Vous pouvez présenter une couverture de livre ou une série de couvertures de livres électroniques que vous avez produits, par exemple.

D'autres entreprises pourraient faire quelque chose qui correspond aux tendances actuelles. Hubspot, au moment d'écrire ces lignes, a une grande bannière de fierté dans sa signature orange, tandis que sa photo de profil est l'arc-en-ciel du drapeau de la fierté.

Sarah McBride, auteure et attachée de presse pour la campagne des droits de l'homme, utilise la bannière de son profil pour promouvoir son livre. C'est une grande image simple avec un appel à l'action et une image de la couverture du livre, et elle fonctionne parfaitement.

Lorsque vous publiez une image dans le cadre d'un tweet, n'oubliez pas qu'une seule image fonctionne mieux dans un format boîte aux lettres. Vous pouvez créer une image et l'utiliser pour agrandir votre espace de texte. Utilisez un CTA souple et une description dans vos 280 caractères, et utilisez l'image comme espace pour un peu plus de texte. N'oubliez pas que Twitter n'est pas Facebook, et vous ne serez pas rejeté pour avoir trop de texte dessus.

N'oubliez pas que si vous souhaitez télécharger plusieurs images à la fois, vous êtes limité à quatre au maximum. Une ou deux à la fois leur donne une visibilité égale, mais trois ou quatre signifient que les deuxième à quatrième images seront écrasées et auront moins d'espace. Vous pourriez vous retrouver avec quelque chose comme ce récent article sur un nouveau jeu Nintendo où les troisième et quatrième images sont elles-mêmes des collages qui deviennent presque incompréhensibles.

Sinon, la plupart des utilisations d'images sur Twitter se résumeront à l'utilisation de Twitter Cards. Heureusement, j'ai deux bonnes ressources pour vous. Le premier est cet article sur l'installation de cartes Twitter sur votre site. Il existe cependant de nombreux styles de cartes Twitter différents, et il peut être difficile de tout apprendre à leur sujet. C'est pourquoi nous avons le guide ultime des cartes Twitter.

Au-delà de tout cela, je ne peux pas vraiment vous donner de conseils sur l'image Twitter autres que d'habitude. Créez des images de haute qualité, évitez de les recouvrir de tant de texte qu'elles en perdent la moindre image et assurez-vous qu'elles se démarquent du bourbier qu'est le profil Twitter habituel. Vous pouvez envisager d'utiliser des gifs ou des vidéos dans la mesure du possible, pour ajouter du mouvement et faire ressortir votre message.

Je ne manquerai pas de mettre à jour ce message si je remarque que Twitter modifie à nouveau son comportement ou sa taille. Revenez si vous pensez qu'il se passe quelque chose et laissez un commentaire si je ne l'ai pas encore remarqué !