# Formaat Facebook-story en veilige zones [Canonical HTML page](https://gradiently.design/nl/guide/facebook-story-size) Facebook-stories vullen het telefoonscherm en leggen er dan een voortgangsbalk, een naam en een antwoordveld overheen. Dit is het kader, wat je vrijhoudt en wat het waard is om erin te plaatsen. ## The short version - Het formaat van een Facebook-story is 1080×1920 pixels, een verticaal kader van 9:16 dat een telefoonscherm vult. - Facebook zet de voortgangsbalk en accountnaam bovenaan een story en het antwoordveld en de reacties onderaan. - Een gangbare werkregel, gebaseerd op de richtlijnen van Meta voor storyadvertenties, is de bovenste en onderste ongeveer 250 pixels vrij te houden van tekst en logo’s. - Afbeeldingen in andere vormen worden geschaald om in het storykader te passen en de overgebleven ruimte wordt gevuld, wat minder bewust oogt dan een ontwerp op het volledige kader. - Hetzelfde ontwerp van 1080×1920 werkt voor Instagram-, Snapchat- en WhatsApp-stories, dus één goed gemaakte story kan over ze allemaal reizen. 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 - Story 1080×1920: 1080 × 1920 - Veilig midden 1080×1420: 1080 × 1420 - Staande post 1080×1350: 1080 × 1350 De volledige story, de middenband die overblijft na de bovenste en onderste 250 pixels, en ter vergelijking een staande feedpost. De veilige band is maar iets hoger dan een feedpost. 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](https://gradiently.design/nl/guide/facebook-post-size) 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 | Zone | Vanaf de bovenkant (px) | Wat het bedekt | Gebruik het voor | | --- | --- | --- | --- | | Boven | 0 tot 250 | Voortgangsbalk, profielfoto, naam, menu | Alleen achtergrond | | Midden | 250 tot 1670 | Niets | Kop, details, logo, gezichten | | Onder | 1670 tot 1920 | Antwoordveld, reacties, delen | Alleen achtergrond | Telefoons verschillen van vorm, dus de interface verschuift iets. Royale marges dekken ze allemaal. Een verticale Facebook-story voor een café dat de soep van de dag aankondigt, met de tekst in het midden van het kader Woorden in de middenband, de achtergrond loopt aan beide uiteinden onder de interface door. Een verticale Facebook-story die twee dagen aftelt tot een lentemarkt, met ruimte onder de woorden Een countdownkader. De lege onderste helft van het midden laat ruimte voor een sticker die je in de app toevoegt. 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](https://gradiently.design/nl/guide/social-media-safe-zones). ## 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. ### Vermijd - Feedposts ongewijzigd in een story laten vallen - Woorden in de bovenste of onderste 250 pixels - Lange alinea’s op één kader - Horizontale video in een verticale story ### Doe - Een story die vanaf het begin op 1080×1920 is gemaakt - Woorden alleen in de middenband - Eén boodschap per kader, dan het volgende kader - Video die verticaal is opgenomen of bewerkt 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](https://gradiently.design/nl/guide/instagram-story-size) 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. **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. **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. **Maak het groot** Storyletters kunnen veel groter zijn dan feedletters. Een kop van 90 tot 120 pixels leest in één oogopslag. 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. **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](https://gradiently.design/nl/guide/instagram-story-design) 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](https://gradiently.design/nl/guide/out-of-office-graphic) behandelt de formulering. - **Countdowns:** drie kaders in de week voor een evenement, hetzelfde ontwerp met een nieuw getal. Zie [countdownposts ontwerpen](https://gradiently.design/nl/guide/countdown-post-design). - **Achter de toonbank:** een korte verticale clip van het werk zelf, met eerst één stilstaand titelkader. [Achter-de-schermencontent](https://gradiently.design/nl/guide/behind-the-scenes-content) heeft meer. - **Bedankt:** na een evenement of een druk weekend, één warme regel op je gebruikelijke achtergrond. ## FAQ ### Welk formaat heeft een Facebook-story? 1080×1920 pixels, een verticaal kader van 9:16. ### Wat is de veilige zone voor Facebook-stories? Houd tekst en logo’s uit de bovenste en onderste ongeveer 250 pixels, waar de voortgangsbalk, naam, het antwoordveld en de reacties zitten. ### Is het formaat van een Facebook-story hetzelfde als Instagram? Ja. Beide gebruiken 1080×1920 en de interfaces lijken op elkaar, dus één ontwerp met woorden in de middenband werkt op beide. ### Waarom ziet mijn foto er klein uit in een Facebook-story? Waarschijnlijk is hij liggend of vierkant. Facebook schaalt hem naar de breedte en vult de rest; maak of snij de afbeelding liever bij tot 1080×1920.