Vérificateur de zone de sécurité Facebook Story (gratuit — superposez votre image)

Une Facebook Story se lit en plein écran, mais l’appli pose ses propres commandes directement sur votre contenu — et ces commandes ne s’écartent pas pour vous. Tout en haut de l’image se trouvent les fines barres de progression segmentées qui indiquent la position dans la story. Juste en dessous vient la rangée de profil : photo de profil, nom du compte, horodatage, le menu Muet/Plus, et le bouton de fermeture (X) — l’ensemble du chrome du haut occupe environ 14 % de la hauteur de l’image. La bande du bas est là où se produisent le plus de collisions : les stories organiques affichent un compositeur de réponse « Envoyer un message » et des raccourcis de réactions sur les ~13 % du bas (~250 px) de l’image. La propre recommandation créative de Meta est encore plus conservative — elle conseille aux créateurs de garder le texte et les logos hors des ~340 px du bas (~18 %) pour laisser de la place aux affordances de gestes et à l’interface de lien — traitez donc ~250 px comme la barre de réponse visible et ~340 px comme la marge de sécurité recommandée. Si votre story est sponsorisée ou inclut un lien de glissement vers le haut, Facebook ajoute un bouton CTA — En savoir plus, Acheter maintenant, etc. — au-dessus de la barre de réponse, portant l’occlusion totale du bas à environ 20 %.

Tout ce que vous placez dans ces zones se trouve bien dans votre fichier image, mais les spectateurs ne le verront peut-être jamais clairement. L’erreur la plus courante consiste à placer un prix, un appel à l’action ou un slogan de marque dans le cinquième inférieur de l’image, exactement là où atterrit la barre de réponse ou le bouton CTA. Superposez votre image ici et la collision est évidente avant la publication plutôt qu’après.

La zone de sécurité fiable d’une Facebook Story est la bande centrale de l’image — grossièrement entre 14 % depuis le haut et 80 % depuis le haut, en conservant une légère marge loin du bord droit où les gestes et les coins arrondis des appareils rognent l’image. Gardez les visages, les produits, les prix et tout texte que vous avez besoin de faire lire bien à l’intérieur de cette bande. Pour les stories organiques, le cinquième inférieur est la zone de danger ; pour les publicités, traitez le quart inférieur comme perdu pour le bouton CTA et la barre de réponse.

La marge de geste sur le bord droit est facile à sous-estimer. Facebook utilise l’extrême droite de l’image comme zone de glissement vers l’avant, et les coins arrondis des téléphones rognent la bande extérieure sur la plupart des appareils — tout élément critique près de ce bord sera soit coupé visuellement, soit masqué par une cible de tap. Une légère marge symétrique sur la gauche est également une bonne pratique. En cas de doute, concevez vers le centre et donnez-vous de la respiration sur les quatre bords plutôt que de pousser le contenu aux extrêmes.

Chaque pourcentage ici représente l’aire d’une zone de Story sur la totalité de l’image 9:16 — de la géométrie pure, sans regard sur votre photo. Le chiffre qui importe le plus sur les Facebook Stories est celui du bas, car il dépend du type de Story que vous publiez. Une story organique n’affiche que la barre de réponse « Envoyer un message », de sorte que l’occlusion du bas se limite à cette seule bande. Dès qu’une story est sponsorisée ou porte un lien, Facebook empile un bouton CTA — En savoir plus, Acheter maintenant — au-dessus de cette barre, et la zone non sûre du bas passe à environ 20 %. La même composition peut être parfaitement sûre en organique et tronquée en publicité.

Ainsi, si vous comptez booster cette story ou y attacher un lien, activez la zone du bouton CTA et concevez d’emblée pour cette bande du bas plus haute ; si elle est strictement organique, vous pouvez récupérer l’espace entre la barre de réponse et la zone CTA. Lisez les notes par zone pour savoir laquelle est laquelle, et traitez les mesures documentées comme un repère que Facebook retouche d’une version d’appli et d’un appareil à l’autre — conservez une marge aux bords.