Zones sûres des Stories et Reels Instagram : explications
Où l'interface d'Instagram recouvre votre Story ou Reel : gardez libres 14% en haut, 35% en bas et 6% par côté, avec les marges exactes en pixels pour 1080 x 1920.
Meta conseille de garder libres les 14% du haut et les 35% du bas d'une Story ou d'un Reel, plus environ 6% de chaque côté, pour que l'interface de l'application ne recouvre pas votre message. Gardez chaque mot, logo et visage que les gens doivent voir à l'intérieur de la zone restante, qui à 1080 x 1920 px mesure environ 950 px de large et 979 px de haut.
Ce sont les chiffres des spécifications de Meta pour les carrousels en Stories, de ses spécifications pour les vidéos en Stories et de ses spécifications pour les images en Reels. Les trois pages donnent les mêmes marges. Notez qu'il s'agit de spécifications publicitaires : Meta publie les marges pour les publicités, et les appliquer aux Stories et Reels organiques est notre déduction, car la même icône de profil et les mêmes boutons y apparaissent. La suite de cet article les convertit en pixels que vous pouvez utiliser.
Quelles sont les zones sûres des Stories et Reels en pixels ?
Meta exprime les marges en pourcentages du cadre complet : environ 14% en haut, 35% en bas et 6% de chaque côté. Nous les avons converties pour la toile standard de 1080 x 1920 et pour la taille 1440 x 2560 que Meta indique pour les vidéos en Stories et les images en Reels.
| Bord | Part du cadre | À 1080 x 1920 | À 1440 x 2560 |
|---|---|---|---|
| Haut | 14% | 269 px | 358 px |
| Bas | 35% | 672 px | 896 px |
| Gauche | 6% | 65 px | 86 px |
| Droite | 6% | 65 px | 86 px |
| Largeur utile | 88% | 950 px | 1,268 px |
| Hauteur utile | 51% | 979 px | 1,306 px |
Arrondissez les valeurs vers le haut si vous voulez un nombre propre à saisir dans un modèle : 270 px en haut, 675 px en bas, 65 px sur les côtés. Seule la moitié environ du cadre vous appartient vraiment, et c'est pourquoi une mise en page à fond perdu avec un titre calé près du bas échoue si souvent.
Que recouvre réellement l'interface ?
Meta indique que les marges protègent votre création contre le rognage ou le masquage par l'icône de profil et le bouton d'appel à l'action. Ce sont les deux seuls éléments que ses pages nomment. D'après notre observation, l'application affiche aussi la légende et les commandes de réponse près du bas, et elles peuvent changer d'une version à l'autre, donc gardez une marge de sécurité plutôt que de concevoir au pixel près.
La marge latérale de 6% est petite. Notre hypothèse est qu'elle protège contre le rognage des bords sur les téléphones aux proportions d'écran différentes ; Meta ne le précise pas.
La zone sûre des Reels est-elle différente de celle des Stories ?
Dans le guide publicitaire actuel de Meta, non : les pages Stories et Reels indiquent les mêmes 14%, 35% et 6%. Si vous construisez sur les chiffres les plus grands, votre design est sûr dans les deux emplacements et vous n'avez jamais besoin de deux versions.
Quelle taille doit avoir la toile ?
Utilisez le 9:16. La page des carrousels en Stories de Meta donne 1080 x 1920 px comme minimum, tandis que la page des vidéos en Stories et la page des images en Reels indiquent 1440 x 2560 px comme résolution. Les deux ont le même format, donc les marges restent proportionnelles. La page des images en Reels mentionne aussi JPG ou PNG avec un plafond de 30 MB. Pour les tailles du fil, consultez notre guide des tailles de publications Instagram, et pour toutes les plateformes, l'aide-mémoire des tailles d'images pour les réseaux sociaux.
À quoi ressemble une mise en page sûre ?
Notre moteur ne peut pas dessiner une superposition d'interface par-dessus un modèle, voici donc un rendu 1080 x 1920 à mesurer avec le tableau. L'étiquette et le titre se situent entre environ 355 px et 810 px depuis le haut, bien à l'intérieur de la bande sûre (de 269 px à 1,248 px). La petite ligne vers 1,485 px est une erreur volontaire : elle tombe dans les 35% du bas, là où la légende et les boutons la recouvriraient.
Deux habitudes rendent cela reproductible. Placez le titre dans la bande supérieure centrale et gardez le logo ou l'appel à l'action au-dessus de la marge basse de 672 px. Dans Chikaboom, le propriétaire du modèle fixe ces positions de slots une fois pour toutes, le texte se réduit dans sa boîte au lieu de déborder dans la zone d'interface, et toute l'équipe en hérite. Vous pouvez l'essayer dans la démo en direct.
Pourquoi la marge basse est-elle tellement plus grande que la marge haute ?
Meta n'explique pas la différence. Notre lecture est que le bas porte probablement plus d'interface que le haut, de sorte qu'un titre calé bas dans le cadre, comme le font beaucoup de designs de fil, est la première chose recouverte. Le remonter ne coûte rien.
Liste de contrôle des zones sûres avant de publier
- La toile fait 1080 x 1920 px (ou 1440 x 2560), 9:16.
- Aucun texte ni logo dans les 269 px du haut ou les 672 px du bas.
- Rien d'important à moins de 65 px du bord gauche ou droit.
- Le titre est assez court pour être lu en deux secondes ; l'image de fond peut aller à fond perdu.
- Prévisualisez la publication sur un téléphone avant sa mise en ligne, car c'est le seul vrai test de recouvrement.
- Vous réutilisez une vidéo verticale comme couverture ? Vérifiez le cadrage avec la grille du guide sur la taille de l'image de couverture TikTok, qui a ses propres marges.
FAQ
Quelle est la zone sûre des Stories Instagram ?
Meta conseille de laisser environ 14% du haut, 35% du bas et 6% de chaque côté libres de tout texte et logo. À 1080 x 1920 px, cela représente environ 269 px en haut, 672 px en bas et 65 px de chaque côté.
La zone sûre des Reels est-elle différente de celle des Stories ?
Dans le guide publicitaire actuel de Meta, les chiffres sont les mêmes pour les deux : 14% en haut, 35% en bas, 6% sur les côtés. Notre recommandation : construisez une seule mise en page sur la marge basse la plus grande et réutilisez-la pour les deux.
Quelle taille doit avoir une Story ou un Reel ?
Concevez à 1080 x 1920 px en 9:16. Les spécifications publicitaires de Meta donnent 1080 x 1920 comme minimum pour les carrousels en Stories et indiquent 1440 x 2560 pour les vidéos en Stories et les images en Reels, ce qui conserve le même format 9:16.
Les zones sûres s'appliquent-elles aux publications organiques ou seulement aux publicités ?
Meta publie ces marges uniquement dans ses spécifications publicitaires. Les appliquer aux Stories et Reels organiques est notre déduction, car la même ligne de profil et les mêmes boutons y apparaissent. Notre recommandation est d'utiliser les mêmes marges.