L’essentiel en bref
- L’identité visuelle sur X (Twitter) repose sur quatre visuels : l’avatar, la bannière 1500×500, les images de posts et les cartes de lien générées par votre site.
- L’avatar apparaît à côté de chaque post et de chaque réponse : il doit être un symbole simple ou un portrait serré, lisible en très petit.
- Les images de posts sur X fonctionnent le mieux en 1600×900 en paysage ou en 1080×1350 en portrait.
- Les cartes de lien viennent des balises meta de votre site : une image Open Graph de 1200×630 à vos couleurs rend chaque lien partagé reconnaissable.
- Utiliser la même famille de fonds pour la bannière, les images de posts et les cartes de lien relie des posts épars en une marque visible.
Sur cette page
L’identité visuelle Twitter sur X se résume à quatre visuels que vous maîtrisez : l’avatar à côté de chaque post, la bannière de 1500×500 en haut de votre profil, les images que vous joignez aux posts, et les cartes de lien que votre site produit quand quelqu’un le partage. La plupart du temps, on vous croise sous forme d’un petit cercle et de quelques lignes de texte dans un fil rapide. Chaque visuel doit donc être simple, et les quatre doivent sembler venir du même endroit.
Votre kit de marque X en un coup d’œil
Où on le voit
Où on le voit
Format
Où on le voit
Format
Où on le voit
Format
Où on le voit
Un avatar qui tient dans le fil
Votre avatar est l’image que vous répétez le plus. Il apparaît à côté de chaque réponse, dans les notifications et dans les citations des autres, souvent plus petit qu’un ongle. Un logo complet avec son nom disparaît à cette taille. Utilisez un symbole unique, un monogramme ou un portrait serré tête et épaules, sur un fond uni ou doucement éclairé dans votre couleur de marque. Gardez le même sur toutes les plateformes, pour que ceux qui vous suivent ailleurs vous repèrent tout de suite.
Créer la bannière X
La bannière fait 1500×500, une bande au format 3:1. L’avatar en chevauche le coin inférieur gauche, et les écrans rognent légèrement le haut et le bas : gardez le texte dans la bande centrale, loin de ce coin. Une seule ligne fonctionne le mieux : ce que vous faites, ce que vous construisez, ou la chose qu’un visiteur doit retenir. Épinglez un post qui la développe. La taille de bannière X détaille les zones sûres.
Une ligne, placée au centre droit, sur le même fond que celui de toutes les images de posts du compte.
Considérez le post épinglé comme la seconde moitié de la bannière. Un visiteur lit la ligne de la bannière, jette un œil à la bio, puis voit le post épinglé juste en dessous. Faites-en la meilleure courte présentation de ce que vous faites, avec une image dans le même style, et renouvelez-le quand vous avez mieux à montrer. Quelques formules qui marchent bien :
- Une présentation en une image : qui vous êtes, ce que vous faites, à quoi s’attendre en vous suivant.
- Votre meilleur thread, avec une image de couverture numérotée pour qu’il se lise comme une série.
- Un lancement ou une offre en cours, remplacé dès sa fin pour ne jamais paraître périmé.
Des images de posts qui vous ressemblent
La plupart des posts sur X sont des mots, et c’est très bien ainsi. Ajoutez une image quand elle a une fonction : encadrer une phrase clé, montrer un résultat, annoncer quelque chose ou porter un graphique. Dans ce cas, utilisez un petit nombre de mises en page sur une même famille de fonds, pour que les gens apprennent à les reconnaître en plein défilement.
Une carte de mise à jour en paysage, en 1600×900. Un chiffre, une ligne de contexte.
Une carte citation en portrait, en 1080×1350, qui occupe davantage l’écran d’un téléphone.
Gardez un texte grand : on lit X sur téléphone, et le fil affiche les images plus petites que vous ne les avez créées. Deux ou trois mots par ligne, une idée par image. Les images de posts X et les visuels de threads X proposent d’autres mises en page, dont des images numérotées pour les longs threads.
Les cartes de lien font partie de votre marque
Chaque fois que quelqu’un partage votre site sur X, la carte qui s’affiche provient des balises meta de votre page. Sans elles, X montre un simple lien ou un recadrage au hasard. Avec une image de 1200×630 à vos couleurs, chaque partage, y compris ceux que vous ne voyez jamais, porte votre style dans le fil. X lit d’abord ses propres balises twitter: et se rabat sur Open Graph.
<meta name="twitter:card" content="summary_large_image">
<meta property="og:title" content="Small tools for big spreadsheets">
<meta property="og:description" content="Import, clean and merge files in seconds.">
<meta property="og:image" content="https://example.com/og/home.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">Créez l’image de lien comme une petite affiche : titre de la page, une ligne courte, votre fond de marque, et des marges généreuses car X arrondit les coins. La taille d’image Open Graph couvre les tests et le cache.
Les erreurs d’identité visuelle à éviter sur Twitter
À éviter
- Un logo détaillé en guise d’avatar
- Une bannière encombrée d’un slogan, d’un pseudo et d’un site
- Du texte dans le coin inférieur gauche de la bannière
- Des captures d’écran au texte minuscule en images de posts
- Laisser les cartes de lien au hasard
À faire
- Un symbole ou un portrait simple, gardé des années
- Une ligne claire sur un fond de marque
- Le texte centré ou à droite du centre
- Un texte grand, deux ou trois mots par ligne
- Une carte 1200×630 soignée pour chaque page clé
Le plus simple pour garder les cinq éléments alignés, c’est de les tirer d’une seule création. Dans Gradiently, vous créez une fois sur un Mark et, avec Pro, redimensionnez vers tous les formats en une étape : bannière, cartes de posts et image de lien partagent la même lumière et la même couleur. Le Mark laisse de la place à vos mots à chaque format, ce qui compte sur une bande 3:1 où l’espace est rare. Pour la vision multiplateforme, lisez une image de marque cohérente sur les réseaux sociaux.
Les questions qu’on nous pose
Quelle est la taille de la bannière X (Twitter) ?
1500×500 pixels, au format 3:1. Gardez le texte dans la bande centrale, loin du coin inférieur gauche où se trouve l’avatar.
Quelle taille pour les images de posts sur X ?
1600×900 en paysage ou 1080×1350 en portrait. Les images en portrait occupent plus d’espace sur téléphone.
Mon avatar X doit-il être un logo ou une photo ?
Celui qui reste le plus lisible dans un tout petit cercle : un symbole simple, un monogramme ou un portrait serré. Évitez les logos détaillés et les petits textes.
Comment contrôler l’image quand mon site est partagé sur X ?
Ajoutez dans le head de chaque page une balise twitter:card réglée sur summary_large_image et une image Open Graph de 1200×630 pixels.
Comment donner un air plus professionnel à mon profil X ?
Utilisez partout le même avatar simple, une bannière avec une ligne claire, et des images de posts qui partagent une famille de fonds et une police.
Écrit par Gradiently
L’équipe derrière Gradiently, un outil de création construit autour des Marks : des dégradés vivants qui donnent à tout ce que vous créez votre propre signature.
Voir notre profil