# Taille de bannière Bluesky : 3000 x 1000 et images de posts

[Canonical HTML page](https://gradiently.design/fr/guide/bluesky-banner-size)

Votre bannière Bluesky est l’élément le plus large de votre profil et la première chose que voit un nouvel abonné. Voici la taille, le coin que couvre votre avatar, et comment dimensionner les images de vos posts.

## The short version

- La taille de la bannière Bluesky est de 3000×1000 pixels, un en-tête 3:1 en haut de votre profil.
- Votre photo de profil ronde recouvre le bas gauche de la bannière : gardez les mots et les logos hors de ce coin.
- La bannière est recadrée un peu différemment sur mobile et sur ordinateur : les détails importants doivent rester au centre.
- La taille d’image de post Bluesky recommandée est de 1600×900 pixels, un cadre paysage 16:9.
- Bluesky permet d’ajouter un texte alternatif à chaque image, et une description claire rend chaque post d’image plus utile.

La **taille de la bannière Bluesky** est de 3000×1000 pixels, un large en-tête 3:1 qui court en haut de votre profil. Votre avatar rond se pose sur son coin inférieur gauche, et le recadrage visible varie un peu entre l’application mobile et le site web : gardez donc mots et logos au centre et à droite du cadre, loin de l’avatar. Pour les images dans les posts, utilisez 1600×900 pixels, un cadre paysage 16:9, ou une image en portrait quand le contenu est haut.

## Dimensions de la bannière Bluesky

| Image | Taille | Rapport |
| --- | --- | --- |
| Bannière de profil | 3000×1000 px | 3:1 |
| Image de post (paysage) | 1600×900 px | 16:9 |
| Image de post (portrait) | 1080×1350 px | 4:5 |
| Image de post (carré) | 1080×1080 px | 1:1 |

La bannière est la seule image Bluesky à forme fixe. Les images de posts peuvent prendre d’autres proportions.

- Bannière Bluesky 3:1: 3000 × 1000
- En-tête X 3:1: 1500 × 500
- Bannière LinkedIn 4:1: 1584 × 396

La bannière de Bluesky partage la forme 3:1 de X avec deux fois plus de pixels : un seul design peut servir aux deux. Celle de LinkedIn est bien plus étroite.

Comme la bannière Bluesky et l’[en-tête X](https://gradiently.design/fr/guide/x-header-size) partagent un rapport 3:1, concevez une fois en 3000×1000 et exportez une copie de 1500×500 pour X. La résolution en plus garde le texte fin et les dégradés nets sur les grands écrans haute densité. Exportez en PNG pour les visuels et le texte, en JPEG pour les photos.

## Où l’avatar recouvre la bannière

Sur votre profil, le cercle de l’avatar se pose sur le bord inférieur de la bannière, près de la gauche. Tout ce qui est conçu dans ce coin est couvert, en partie ou en totalité, selon l’écran. Le reste de la bannière est libre, même si la droite peut être rognée sur les mobiles étroits. [Zones de sécurité des réseaux sociaux](https://gradiently.design/fr/guide/social-media-safe-zones) cartographie le même problème pour toutes les plateformes.

| Zone | Zone approximative | À y mettre |
| --- | --- | --- |
| Coin de l’avatar | Tiers gauche, moitié basse | Fond uniquement |
| Centre | Tiers central, toute la hauteur | Votre titre, votre logo ou l’image principale |
| Droite | Tiers droit | Détails secondaires, rien d’essentiel |
| Bords haut et bas | Environ 100 px chacun | Fond uniquement, car les recadrages varient |

Une carte de travail plutôt que des valeurs officielles en pixels. Prévisualisez la bannière sur mobile et sur le web avant de la valider.

Bannière Bluesky de 3000 par 1000 avec les mots « Notes sur le design lent » centrés et un coin inférieur gauche libre pour l’avatar

Mots centrés, le bas gauche laissé à l’avatar et le fond courant d’un bord à l’autre.

## Idées de bannière Bluesky

Une bannière n’a pas besoin de beaucoup. Elle se trouve derrière votre nom et votre bio : elle fonctionne mieux comme une atmosphère avec une idée : ce que vous faites, ce que vous publiez, ou simplement une couleur qui devient la vôtre. Les bannières chargées font concurrence à l’avatar et au texte de la bio juste en dessous.

- **Une pure atmosphère.** Un dégradé ou une matière à vos couleurs, sans aucun mot. Calme, et jamais dépassée.
- **Une ligne.** Ce que l’on gagne à vous suivre : « Notes quotidiennes sur la typographie », « Enregistrements de terrain sur la côte ».
- **Votre travail.** Un recadrage large d’une photo, d’une illustration ou d’un produit, avec le sujet dans le tiers central.
- **Une actualité.** Un livre, un lancement ou un spectacle, avec une date. Pensez à la changer une fois passée.

- Du ciel au bleu profond: `linear-gradient(100deg, #0a1a3f 0%, #1d4ed8 50%, #7dd3fc 100%)`
- Soleil couchant, centré: `radial-gradient(ellipse at 60% 40%, #fde68a 0%, #fb923c 40%, #7c2d12 90%)`
- Violet nocturne: `linear-gradient(100deg, #111827 0%, #312e81 55%, #a78bfa 100%)`
- Brume du matin: `linear-gradient(100deg, #f8fafc 0%, #e0f2fe 50%, #bae6fd 100%)`

Quatre fonds de bannière. Chacun garde sa zone la plus sombre ou la plus calme à gauche, là où l’avatar a besoin de contraste pour ressortir.

Regardez le côté gauche de chacun. L’avatar a besoin de contraste avec la bannière pour ressortir : un bord gauche plus sombre ou plus uni aide un avatar clair, et un bord gauche clair aide un avatar foncé. C’est le même raisonnement que pour un [logo sur un fond dégradé](https://gradiently.design/fr/guide/logo-on-gradient-background).

### À éviter

- Un logo ou un nom en bas à gauche, sous l’avatar
- Un petit texte qui disparaît sur mobile
- Une photo dont le sujet se trouve tout au bord
- Un motif chargé derrière la bio
- Un fichier de 1500×500 étiré pour s’adapter

### À faire

- Le contenu clé dans le tiers central
- Une ligne en grand, ou aucun mot
- Des sujets centrés, des bords en fond
- Une zone calme le long du bord inférieur
- Un export complet de 3000×1000

La plupart des problèmes de bannière viennent d’une conception sur ordinateur portable sans jamais vérifier sur mobile. Importez, ouvrez votre profil dans l’application, puis dans un navigateur de bureau, et regardez le coin sous l’avatar et le bord droit dans les deux. Si un élément important est coupé, rapprochez-le du centre et importez de nouveau ; cela prend une minute et évite que la bannière paraisse négligée à chaque nouveau visiteur.

## Taille d’image de post Bluesky

Pour les images dans les posts, 1600×900 est la taille fiable : elle s’affiche en entier dans le fil sur mobile et sur ordinateur. Les images en portrait de 1080×1350 sont permises et prennent plus de place en hauteur, ce qui convient aux affiches et aux graphiques, même si le fil peut les montrer en aperçu plus court jusqu’au toucher. Vous pouvez joindre plusieurs images à un post, qui s’organisent en grille : gardez donc un ensemble aux mêmes proportions.

Image de post Bluesky de 1600 par 900 annonçant le numéro 40 d’une newsletter

Une image de post paysage en 1600×900, la forme la plus sûre sur Bluesky.

Image de post en portrait de 1080 par 1350 pour un salon de l’estampe le samedi

Une affiche en portrait en 1080×1350, plus grande dans le fil mais parfois prévisualisée plus courte.

> **Rédigez le texte alternatif** Chaque image que vous joignez sur Bluesky a un bouton de texte alternatif, que beaucoup de gens du réseau lisent et apprécient. Décrivez ce que dit l’image : « Affiche : salon de l’estampe, samedi, stand 14, 10 h à 17 h ». Si l’image contient des mots, le texte alternatif doit les contenir aussi.

## Gardez votre profil Bluesky à l’image de votre marque

Bannière, avatar et images de posts se lisent comme un seul profil : donnez-leur donc une seule famille de fonds. La même couleur ou matière derrière votre bannière, vos images d’annonce et vos cartes de citation fait qu’un visiteur qui défile vous reconnaît avant de lire votre identifiant. Les tailles de toutes les autres plateformes sont dans [tailles d’images des réseaux sociaux](https://gradiently.design/fr/guide/social-media-image-sizes), et l’habitude de garder un style entre elles dans [cohérence de marque](https://gradiently.design/fr/guide/brand-consistency).

Dans Gradiently, vous choisissez un Mark, concevez la bannière 3000×1000 une fois et, avec Pro, l’adaptez à l’en-tête X, à la bannière LinkedIn et aux tailles de posts en une étape, chacune rendue à neuf pour sa forme plutôt que rognée. Les mots posés sur le Mark restent lisibles, car il s’apaise derrière eux. Pour un style qui n’est qu’à vous, parcourez le [Marché](/market).

## FAQ

### Quelle est la taille d’une bannière Bluesky ?

3000×1000 pixels, un rapport 3:1.

### Quelle taille pour les images des posts Bluesky ?

1600×900 pixels, un cadre paysage 16:9, s’affiche de façon fiable dans le fil. Le portrait 1080×1350 et le carré 1080×1080 fonctionnent aussi.

### Puis-je utiliser mon en-tête X sur Bluesky ?

Oui. Les deux sont en 3:1 : un design de 3000×1000 réduit à 1500×500 sert pour X, et la taille complète pour Bluesky. Vérifiez la position de l’avatar sur chacun.

### Où se place l’avatar sur une bannière Bluesky ?

Sur le bas gauche de la bannière : gardez donc ce coin libre de mots et de logos, et placez-les au centre.