# Taille d’image Twitter et visuels de posts X qui se remarquent

[Canonical HTML page](https://gradiently.design/fr/guide/x-post-image-design)

Sur X, les mots passent en premier et l’image doit mériter sa place à côté d’eux. Voici les tailles, la façon dont le fil recadre, et des visuels qui apportent ce que le texte ne peut pas dire.

## The short version

- La meilleure taille d’image Twitter pour une seule image en paysage sur X est de 1600×900 pixels, un format 16:9.
- Une image portrait en 1080×1350 occupe davantage l’écran d’un téléphone mais peut être recadrée dans l’aperçu du fil : gardez l’essentiel au centre.
- Quand un post contient deux, trois ou quatre images, X les dispose en grille et recadre chacune : les posts à plusieurs images demandent des visuels simples et centrés.
- Les images sur X fonctionnent le mieux quand elles apportent ce que le texte du post ne peut pas dire, comme un visuel, une ligne forte ou une carte qui rend une annonce reconnaissable.
- La bannière d’en-tête X fait 1500×500 pixels, et la photo de profil chevauche son coin inférieur gauche.

La meilleure **taille d’image Twitter** pour une seule image sur X est de **1600×900 pixels**, un paysage 16:9 que le fil affiche en entier sur téléphone comme sur ordinateur. Pour plus de hauteur sur téléphone, utilisez un portrait en **1080×1350**, en sachant que l’aperçu peut le recadrer. L’en-tête du profil fait **1500×500**. Ces trois tailles couvrent presque tout ce que vous publierez.

- Post 1600×900: 1600 × 900
- Portrait 1080×1350: 1080 × 1350
- En-tête 1500×500: 1500 × 500

Les trois tailles d’image pour X, à l’échelle. Le post en 16:9 est le choix sûr par défaut.

## Comment X affiche les images dans le fil

Une seule image en 16:9 apparaît en entier. Les images plus hautes s’affichent plus grandes sur téléphone mais peuvent être rognées dans l’aperçu jusqu’à ce qu’on les ouvre : tout élément important près du bord haut ou bas risque d’être masqué. Avec plus d’une image, X les dispose en grille et recadre chaque vignette.

| Images dans le post | Affichage dans le fil | À concevoir pour |
| --- | --- | --- |
| Une | En grand ; le paysage en entier, les images hautes parfois rognées | 16:9 en 1600×900, ou portrait avec un centre sûr |
| Deux | Côte à côte, chacune recadrée en format haut | Contenu centré avec de larges marges |
| Trois | Une grande à gauche, deux empilées à droite | L’image clé en premier, les plus simples ensuite |
| Quatre | Une grille de deux sur deux, chacune recadrée | Quatre compositions simples et centrées |

La disposition des posts à plusieurs images. Plus il y a d’images, plus chaque recadrage est serré, et moins chaque image peut porter de texte sans risque.

> **Concevez pour le centre** Si vous ne savez pas comment une image sera recadrée, gardez les mots et les visages dans la zone centrale et ne laissez que le fond aller jusqu’aux bords. C’est la seule mise en page qui survit à tous les recadrages.

## Des images légères en texte qui apportent quelque chose

X est un réseau où le texte passe d’abord. Le post porte déjà vos mots : une image qui les répète en image n’ajoute pas grand-chose. Les images qui fonctionnent apportent du neuf : un visuel qu’on a envie de regarder, une ligne courte composée avec du poids, un chiffre, ou une carte reconnaissable qui signale que le post est important.

### Apporte peu

- Une capture d’écran d’un paragraphe
- Le texte du post, répété en image
- Dix faits entassés sur une seule carte
- Une photo de banque d’images générique

### Mérite sa place

- Une ligne, en grand, que le texte développe
- Un seul chiffre avec ce qu’il mesure
- Le produit, un résultat ou un avant-après
- Une carte dans votre style, que l’on reconnaît

## Des cartes d’annonce pour X

Pour les lancements, les nouvelles versions et les actualités, une carte d’annonce constante aide un post à ressortir comme *la* nouvelle plutôt que comme une mise à jour de plus. Utilisez le format 16:9, placez le titre à gauche ou au centre, et gardez les détails courts, car le texte du post portera l’histoire complète et le lien. Pour la hiérarchie des mots eux-mêmes, voir [comment créer une publication d’annonce](https://gradiently.design/fr/guide/announcement-post-design).

Une large carte d’annonce indiquant La version 2 est là sur un fond en dégradé

Une carte en 1600×900 : affichée en entier dans le fil, titre lisible d’un coup d’œil.

Une version portrait de la même carte d’annonce avec les mots centrés

La version portrait : plus de présence sur téléphone, avec les mots gardés au centre en cas de recadrage.

Les posts qui partagent un lien sans image affichent à la place l’image Open Graph de la page. Assurez-vous que cet aperçu porte le même style que votre carte ; [la taille des images OG](https://gradiently.design/fr/guide/open-graph-image-size) couvre les balises et la mise en page en 1200×630.

## Concevoir pour les thèmes clair et sombre

On lit X en thème clair, sombre ou tamisé, et votre image s’affiche sur celui qu’on a choisi. Une image à fond blanc se fond dans le thème clair et éblouit dans le sombre. Une image à fond presque noir fait l’inverse. Un aplat de couleur à fond perdu aux bords nets paraît voulu sur tous les thèmes.

- Champ indigo: `linear-gradient(135deg, #1e1b4b 0%, #4338ca 55%, #818cf8 100%)`
- Champ sarcelle: `linear-gradient(135deg, #064e3b 0%, #0f766e 55%, #5eead4 100%)`
- Champ ambre: `linear-gradient(135deg, #7c2d12 0%, #c2410c 55%, #fdba74 100%)`

Des fonds qui gardent leur forme sur un fil clair comme sombre : chacun va d’un ton profond à un ton clair, pour que l’image ne se fonde jamais dans aucun des thèmes.

Pour en savoir plus sur le comportement de la couleur dans les interfaces sombres, voir [le design en mode sombre](https://gradiently.design/fr/guide/dark-mode-design).

## L’image d’en-tête X

L’en-tête fait **1500×500**, une bannière 3:1. Votre photo de profil chevauche son coin inférieur gauche, et les téléphones l’affichent plus petit et peuvent en rogner les bords. Restez simple : votre style, peut-être une ligne courte placée au centre ou à droite, rien d’important dans le coin inférieur gauche. [La taille de la bannière Twitter](https://gradiently.design/fr/guide/x-header-size) détaille la mise en page.

Un large en-tête X avec une courte ligne de texte centrée sur un dégradé

Un en-tête avec ses mots au centre et le bas gauche laissé libre pour la photo de profil.

## Exporter et publier des images sur X

1. **Exportez à la taille indiquée** 1600×900 ou 1080×1350, pour que X réduise l’image, jamais qu’il l’agrandisse.
2. **Choisissez le bon format** PNG pour le texte et les aplats, JPEG de haute qualité pour les photos. Ajoutez un léger grain aux dégradés lisses pour que la compression n’y crée pas de bandes.
3. **Rédigez une description d’image** X permet d’ajouter une description à chaque image. Écrivez ce que l’image dit et montre, pour que les utilisateurs de lecteurs d’écran et la recherche reçoivent le même message.
4. **Vérifiez sur un téléphone** Regardez le post dans le fil sur un téléphone, en thème clair et en thème sombre, avant de l’épingler.

Si vous publiez la même nouvelle sur Instagram, LinkedIn et X, concevez-la une fois et remettez-la en page pour chaque forme. La liste complète des formes se trouve dans [les tailles d’images pour les réseaux sociaux](https://gradiently.design/fr/guide/social-media-image-sizes), et pour un lancement, [les visuels du jour de lancement](https://gradiently.design/fr/guide/launch-day-graphics) liste tous les éléments dont vous aurez besoin.

## FAQ

### Quelle est la meilleure taille d’image pour X (Twitter) ?

1600×900 pixels pour une seule image en paysage, que le fil affiche en entier. Utilisez 1080×1350 pour une image portrait en gardant l’essentiel au centre.

### Pourquoi mon image est-elle recadrée sur X ?

Les images hautes peuvent être rognées dans l’aperçu du fil, et les posts de deux à quatre images recadrent chacune en grille. Gardez les mots et les visages au centre.

### Quelle est la taille de l’en-tête X ?

1500×500 pixels. La photo de profil chevauche son coin inférieur gauche : tenez l’essentiel à l’écart de ce coin.

### Les images sur X doivent-elles contenir du texte ?

Un peu. Le post porte déjà vos mots : une image fonctionne mieux avec une ligne forte, un chiffre ou une carte reconnaissable qu’avec un paragraphe.