# Taille d’une story Facebook et zones de sécurité

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

Les stories Facebook remplissent l’écran du téléphone, puis superposent une barre de progression, un nom et un champ de réponse à votre design. Voici le cadre, ce qu’il faut dégager et ce qui vaut la peine d’être publié.

## The short version

- La taille d’une story Facebook est 1080×1920 pixels, un cadre vertical 9:16 qui remplit l’écran d’un téléphone.
- Facebook place la barre de progression et le nom du compte en haut d’une story, et le champ de réponse et les réactions en bas.
- Une règle de travail courante, d’après les recommandations de Meta pour les publicités en story, est de garder environ les 250 pixels du haut et du bas sans texte ni logo.
- Les images d’autres formes sont mises à l’échelle pour entrer dans le cadre de la story et l’espace restant est rempli, ce qui paraît moins voulu qu’un design plein cadre.
- Le même design 1080×1920 fonctionne pour les stories Instagram, Snapchat et WhatsApp : une seule story bien faite peut voyager sur toutes.

La **taille d’une story Facebook** est 1080×1920 pixels, un cadre vertical 9:16 qui remplit l’écran du téléphone. Facebook dessine sa propre interface sur chaque story : la barre de progression et le nom de votre Page ou profil en haut, le champ de réponse et les boutons de réaction en bas. Faites courir le fond d’un bord à l’autre, mais gardez mots, logos et visages hors des 250 pixels du haut et du bas environ, une règle de travail fondée sur les recommandations de Meta pour les publicités en story.

## Dimensions d’une story Facebook

- Story 1080×1920: 1080 × 1920
- Milieu sûr 1080×1420: 1080 × 1420
- Post portrait 1080×1350: 1080 × 1350

La story complète, la bande centrale restante après les 250 pixels du haut et du bas, et un post portrait du fil pour comparer. La bande sûre n’est qu’un peu plus haute qu’un post du fil.

Cette comparaison est ce qu’il y a de plus utile à retenir. Une fois l’interface prise en compte, l’espace où placer des mots en sécurité n’est guère plus haut qu’un [post Facebook](https://gradiently.design/fr/guide/facebook-post-size) de 1080×1350. La hauteur supplémentaire d’une story sert à l’ambiance : fond, photographie, mouvement. Exportez les stories fixes en PNG quand elles sont surtout du texte et de la couleur, et la vidéo en MP4 à la même taille.

## Zones de sécurité d’une story Facebook

| Zone | Depuis le haut (px) | Ce qui la recouvre | À utiliser pour |
| --- | --- | --- | --- |
| Haut | 0 à 250 | Barre de progression, photo de profil, nom, menu | Le fond seulement |
| Milieu | 250 à 1670 | Rien | Titre, détails, logo, visages |
| Bas | 1670 à 1920 | Champ de réponse, réactions, partage | Le fond seulement |

Les téléphones diffèrent de forme : l’interface bouge légèrement. De généreuses marges les couvrent tous.

Une story Facebook verticale pour un café annonçant la soupe du jour, avec le texte au centre du cadre

Les mots tenus dans la bande centrale, le fond passant sous l’interface aux deux extrémités.

Une story Facebook verticale en compte à rebours de deux jours avant un marché de printemps, avec de la place sous les mots

Un cadre de compte à rebours. Le bas du milieu laissé vide ménage la place d’un sticker ajouté dans l’application.

Si vous ajoutez des stickers, des liens ou du texte dans l’application après l’import, prévoyez une zone vide pour eux dans le bas du milieu du cadre. Ils ont besoin de la même bande sûre que le reste. Pour mieux comprendre comment les plateformes recouvrent vos designs, voir les [zones de sécurité des réseaux sociaux](https://gradiently.design/fr/guide/social-media-safe-zones).

## Photos et vidéos qui ne sont pas en 9:16

Importez une photo paysage ou un visuel carré dans une story et Facebook l’ajuste à la largeur, puis remplit l’espace au-dessus et au-dessous. Cela marche, mais cela fait improvisé, et l’image finit petite au milieu d’un grand écran. Pour une vidéo verticale, filmez le téléphone à la verticale ou recadrez au montage, et gardez aussi les sous-titres incrustés dans la bande centrale.

### À éviter

- Des posts du fil déposés tels quels dans une story
- Des mots dans les 250 pixels du haut ou du bas
- De longs paragraphes sur un seul cadre
- Une vidéo horizontale dans une story verticale

### À faire

- Une story créée en 1080×1920 dès le départ
- Des mots dans la bande centrale seulement
- Un message par cadre, puis le cadre suivant
- Une vidéo filmée ou montée à la verticale

Pour partager correctement un post du fil en story, recomposez-le pour le cadre haut : mêmes mots, mêmes couleurs, texte plus grand et plus de fond. La [taille d’une story Instagram](https://gradiently.design/fr/guide/instagram-story-size) couvre le même cadre pour Instagram, où les règles sont presque identiques.

## Partager des stories Instagram sur Facebook

Si vos comptes Instagram et Facebook sont reliés dans le Centre de comptes de Meta, vous pouvez partager les stories Instagram sur Facebook automatiquement ou une par une. Comme les deux utilisent 1080×1920 avec des interfaces proches, une story conçue en pensant à la bande sûre fonctionne sur les deux. Les différences sont petites : les stickers interactifs ne passent pas tous, et un sondage sur Instagram peut arriver sur Facebook en simple image. Vérifiez une fois la version Facebook avant de vous y fier.

## Comment concevoir une story Facebook pour une Page

1. **Choisissez une seule chose** Une image fixe reste à l’écran quelques secondes. Le plat du jour, une date, une nouveauté : dites une chose par cadre.
2. **Placez le titre juste sous la bande du haut** Vers 300 à 500 pixels depuis le haut, c’est là que le regard se pose en premier, loin du nom et de la barre de progression.
3. **Faites-le grand** Le texte d’une story peut être bien plus grand que celui du fil. Un titre de 90 à 120 pixels se lit d’un coup d’œil.
4. **Laissez le fond être la marque** Une story est surtout du fond. Les mêmes couleurs ou la même matière sur chaque cadre rendent vos stories reconnaissables avant que l’on lise le nom.
5. **Prévisualisez avec l’interface** Publiez pour un petit public ou regardez-la d’abord sur votre téléphone. C’est le seul test fiable des zones de sécurité.

Les stories conviennent aux petites mises à jour fréquentes qui encombreraient un fil : ce qui est frais aujourd’hui, un rappel la veille d’un événement, un petit merci après. Les [idées de stories Instagram](https://gradiently.design/fr/guide/instagram-story-design) en proposent beaucoup qui marchent aussi bien sur Facebook. Le Designer de Gradiently peut rédiger et composer des cadres comme ceux-ci à partir d’une courte description, dans votre Mark en 1080×1920, avec un texte qui reste lisible là où le fond est le plus chargé.

## Idées de stories Facebook pour une Page

- **L’ardoise du jour :** le plat du jour, la fournée fraîche, le créneau qui vient de s’ouvrir. Une ligne, publiée le matin.
- **Horaires modifiés :** un cadre clair pour les jours fériés et les fermetures. Les [posts d’horaires de congés](https://gradiently.design/fr/guide/out-of-office-graphic) couvrent la formulation.
- **Comptes à rebours :** trois cadres sur la semaine avant un événement, le même design avec un nouveau chiffre. Voir le [design d’un post de compte à rebours](https://gradiently.design/fr/guide/countdown-post-design).
- **Derrière le comptoir :** un court clip vertical du travail lui-même, avec d’abord une image fixe de titre. Le [contenu des coulisses](https://gradiently.design/fr/guide/behind-the-scenes-content) en propose davantage.
- **Merci :** après un événement ou un week-end chargé, une seule ligne chaleureuse sur votre fond habituel.

## FAQ

### Quelle est la taille d’une story Facebook ?

1080×1920 pixels, un cadre vertical 9:16.

### Quelle est la zone de sécurité des stories Facebook ?

Gardez texte et logos hors des 250 pixels du haut et du bas environ, où se trouvent la barre de progression, le nom, le champ de réponse et les réactions.

### La taille d’une story Facebook est-elle la même qu’Instagram ?

Oui. Les deux utilisent 1080×1920, et les interfaces sont proches : un seul design avec les mots dans la bande centrale fonctionne sur les deux.

### Pourquoi ma photo paraît-elle petite dans une story Facebook ?

Elle est probablement paysage ou carrée. Facebook l’ajuste à la largeur et remplit le reste ; créez ou recadrez plutôt l’image en 1080×1920.