# Identité visuelle Twitter sur X : bannière, avatar et images [Canonical HTML page](https://gradiently.design/fr/guide/x-branding) Sur X, votre marque apparaît surtout comme un minuscule cercle à côté de quelques lignes de texte. Les rares éléments visuels que vous maîtrisez en deviennent plus importants, pas moins. ## The short version - 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. 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 | Visuel | Format | Où on le voit | | --- | --- | --- | | Avatar | Carré, affiché en cercle | À côté de chaque post, réponse et mention | | Bannière | 1500×500 | En haut de votre profil | | Image de post paysage | 1600×900 | Dans le fil, pleine largeur | | Image de post portrait | 1080×1350 | Dans le fil, plus haute sur téléphone | | Carte de lien | 1200×630 | Chaque fois que quelqu’un partage votre site | Cinq éléments. Créez-les ensemble sur un même fond, et le compte paraît soigné même quand les posts sont décontractés. ## 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. > **Évitez d’en changer souvent** On fait défiler en repérant des formes et des couleurs, pas en lisant les noms. Un nouvel avatar toutes les quelques semaines remet à zéro la reconnaissance que vous avez construite. ## 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](https://gradiently.design/fr/guide/x-header-size) détaille les zones sûres. Une bannière X de 1500 sur 500 avec la ligne De petits outils pour gros tableurs sur un fond en dégradé 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 image de post X en paysage annonçant des imports trois fois plus rapides dans la version 2.4, sur un fond en dégradé Une carte de mise à jour en paysage, en 1600×900. Un chiffre, une ligne de contexte. Une image de post X en portrait avec la citation Livrez d’abord la version simple, sur le même fond en dégradé 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](https://gradiently.design/fr/guide/x-post-image-design) et [les visuels de threads X](https://gradiently.design/fr/guide/x-thread-graphics) 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. ```html ``` Le minimum pour une carte à grande image. Utilisez une adresse https absolue pour l’image, et une image différente pour chaque page importante. 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](https://gradiently.design/fr/guide/open-graph-image-size) 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](https://gradiently.design/fr/guide/brand-consistency-across-platforms). ## FAQ ### 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.