Formaat Facebook-story en veilige zones

Het formaat van een Facebook-story is 1080×1920 pixels, een verticaal kader van 9:16 dat het telefoonscherm vult. Facebook tekent zijn eigen interface over elke story: de voortgangsbalk en je pagina- of profielnaam bovenaan, het antwoordveld en de reactieknoppen onderaan. Laat de achtergrond van rand tot rand lopen, maar houd woorden, logo’s en gezichten uit de bovenste en onderste ongeveer 250 pixels, een werkregel op basis van de richtlijnen van Meta voor storyadvertenties.

Afmetingen van een Facebook-story

Die vergelijking is het nuttigste om te onthouden. Als je de interface meerekent, is de ruimte waar je veilig woorden in kunt zetten nauwelijks hoger dan een Facebook-post van 1080×1350. De extra hoogte van een story is voor sfeer: achtergrond, foto, beweging. Exporteer stilstaande stories als png als ze vooral uit letters en kleur bestaan, en video als mp4 op hetzelfde formaat.

Veilige zones van een Facebook-story

Voeg je na het uploaden stickers, links of tekst toe in de app, plan dan een leeg gebied voor ze in het onderste midden van het kader. Ze hebben dezelfde veilige band nodig als al het andere. Voor een diepere blik op hoe platforms je ontwerpen overlappen, zie veilige zones voor social media.

Foto’s en video die geen 9:16 zijn

Upload je een liggende foto of een vierkante graphic naar een story, dan schaalt Facebook hem naar de breedte en vult de ruimte erboven en eronder. Het werkt, maar het ziet eruit als een bijzaak, en het beeld wordt klein in het midden van een groot scherm. Schiet voor verticale video met de telefoon rechtop of kader opnieuw in de montage, en houd ingebrande ondertitels ook binnen de middenband.

Om een feedpost goed als story te delen, maak je hem opnieuw op voor het hoge kader: dezelfde woorden, dezelfde kleuren, grotere letters en meer achtergrond. Formaat Instagram-story behandelt hetzelfde kader voor Instagram, waar de regels bijna identiek zijn.

Instagram-stories naar Facebook delen

Zijn je Instagram- en Facebook-accounts gekoppeld in het Accountcentrum van Meta, dan kun je Instagram-stories automatisch of een voor een naar Facebook delen. Omdat beide 1080×1920 gebruiken met vergelijkbare interfaces, werkt een story die met de veilige band in gedachten is ontworpen op beide. De verschillen zijn klein: interactieve stickers gaan niet allemaal mee, dus een poll op Instagram kan op Facebook als gewone afbeelding aankomen. Bekijk de Facebook-versie één keer voordat je erop vertrouwt.

Zo ontwerp je een Facebook-story voor een pagina

1. 1

   Kies het ene ding

   Een stilstaand kader staat een paar seconden in beeld. De dagspecial, een datum, een nieuwe aanwinst: zeg één ding per kader.

2. 2

   Zet de kop net onder de bovenste band

   Ongeveer 300 tot 500 pixels naar beneden is waar ogen het eerst landen, vrij van de naam en voortgangsbalk.

3. 3

   Maak het groot

   Storyletters kunnen veel groter zijn dan feedletters. Een kop van 90 tot 120 pixels leest in één oogopslag.

4. 4

   Laat de achtergrond het merk zijn

   Een story is vooral achtergrond. Dezelfde kleuren of hetzelfde materiaal op elk kader maken je stories herkenbaar voordat iemand de naam leest.

5. 5

   Bekijk een voorbeeld met de interface aan

   Plaats voor een klein publiek of bekijk het eerst op je eigen telefoon. Het is de enige betrouwbare test van de veilige zones.

Stories passen bij de kleine, frequente updates die een feed zouden vervuilen: wat er vandaag vers is, een herinnering de dag voor een evenement, een snel bedankje erna. Instagram-storyideeën heeft er veel die op Facebook net zo goed werken. De Designer van Gradiently kan zulke kaders schrijven en opmaken vanuit een korte beschrijving, in je Mark op 1080×1920, met letters die leesbaar blijven waar de achtergrond het drukst is.

Facebook-storyideeën die bij een pagina passen

• Het bord van vandaag: de special, de verse batch, het tijdslot dat net vrijkwam. Eén regel, ’s ochtends geplaatst.
• Gewijzigde tijden: een duidelijk kader voor feestdagen en sluitingen. Posts over vakantietijden behandelt de formulering.
• Countdowns: drie kaders in de week voor een evenement, hetzelfde ontwerp met een nieuw getal. Zie countdownposts ontwerpen.
• Achter de toonbank: een korte verticale clip van het werk zelf, met eerst één stilstaand titelkader. Achter-de-schermencontent heeft meer.
• Bedankt: na een evenement of een druk weekend, één warme regel op je gebruikelijke achtergrond.