# Facebook-story: størrelse og trygge soner [Canonical HTML page](https://gradiently.design/nb/guide/facebook-story-size) Facebook-stories fyller telefonskjermen, men legger en fremdriftslinje, et navn og et svarfelt over designet. Her er formatet, områdene som bør stå fri og innhold som passer. ## The short version - En Facebook-story er 1080×1920 piksler, et stående 9:16-format som fyller telefonskjermen. - Facebook legger fremdriftslinjen og kontonavnet øverst i storyen, og svarfelt og reaksjoner nederst. - En vanlig arbeidsregel, basert på Metas veiledning for storyannonser, er å holde omtrent de øverste og nederste 250 pikslene fri for tekst og logoer. - Bilder med andre former skaleres inn i storyformatet og resten fylles ut, noe som virker mindre gjennomført enn et design som dekker hele bildet. - Det samme designet på 1080×1920 fungerer til stories på Instagram, Snapchat og WhatsApp, så en god story kan brukes på alle. En **Facebook-story** skal ha en størrelse på 1080×1920 piksler, et stående 9:16-format som fyller telefonskjermen. Facebook legger sitt eget grensesnitt over hver story: fremdriftslinjen og navnet på siden eller profilen øverst, svarfeltet og reaksjonsknappene nederst. La bakgrunnen gå fra kant til kant, men hold ord, logoer og ansikter unna omtrent de øverste og nederste 250 pikslene. Dette er en arbeidsregel basert på Metas veiledning for storyannonser. ## Mål for Facebook-stories - Story 1080×1920: 1080 × 1920 - Trygt midtfelt 1080×1420: 1080 × 1420 - Stående innlegg 1080×1350: 1080 × 1350 Hele storyen, midtfeltet etter de øverste og nederste 250 pikslene, og et stående feedinnlegg til sammenligning. Den trygge sonen er bare litt høyere enn et feedinnlegg. Sammenligningen er det nyttigste å huske. Når grensesnittet er tatt med, er plassen der du trygt kan sette ord knapt høyere enn et [Facebook-innlegg](https://gradiently.design/nb/guide/facebook-post-size) på 1080×1350. Den ekstra høyden i en story er til stemning: bakgrunn, bilder og bevegelse. Eksporter stillbilder som PNG når de hovedsakelig består av tekst og farge, og video som MP4 i samme størrelse. ## Trygge soner i Facebook-stories | Sone | Fra toppen (px) | Hva som dekker den | Bruk den til | | --- | --- | --- | --- | | Topp | 0 til 250 | Fremdriftslinje, profilbilde, navn og meny | Bare bakgrunn | | Midten | 250 til 1670 | Ingenting | Overskrift, detaljer, logo og ansikter | | Bunn | 1670 til 1920 | Svarfelt, reaksjoner og deling | Bare bakgrunn | Telefoner har ulike former, så grensesnittet flytter seg litt. Romslige marger dekker alle. En stående Facebook-story for en kafé som viser dagens suppe, med teksten midt i bildet Ordene holdes i midtfeltet, mens bakgrunnen går under grensesnittet i begge ender. En stående Facebook-story som teller ned to dager til et vårmarked, med plass under ordene En nedtelling. Det tomme feltet under teksten gir plass til et klistremerke lagt til i appen. Skal du legge til klistremerker, lenker eller tekst i appen etter opplasting, planlegg et tomt felt i nedre del av midten. De trenger samme trygge sone som alt annet. For mer om hvordan plattformer dekker designet, se [trygge soner i sosiale medier](https://gradiently.design/nb/guide/social-media-safe-zones). ## Bilder og video som ikke er 9:16 Laster du opp et liggende bilde eller kvadratisk grafikk som story, skalerer Facebook det til bredden og fyller feltene over og under. Det fungerer, men ser ut som en ettertanke, og bildet blir lite midt på en stor skjerm. Til stående video holder du telefonen oppreist eller endrer utsnittet i redigeringen. Hold også innbrente undertekster i midtfeltet. ### Unngå - Feedinnlegg lagt uendret i en story - Ord i de øverste eller nederste 250 pikslene - Lange avsnitt i ett bilde - Liggende video i en stående story ### Gjør dette - Lag storyen på 1080×1920 fra starten - Hold ordene bare i midtfeltet - Ett budskap per bilde, så neste bilde - Film eller rediger video stående Skal du dele et feedinnlegg ordentlig som story, sett det opp på nytt til det høye formatet: samme ord og farger, større tekst og mer bakgrunn. [Instagram-story størrelse](https://gradiently.design/nb/guide/instagram-story-size) dekker samme format på Instagram, der reglene er nesten like. ## Dele Instagram-stories til Facebook Hvis Instagram- og Facebook-kontoene er koblet i Metas Kontosenter, kan du dele Instagram-stories til Facebook automatisk eller enkeltvis. Begge bruker 1080×1920 med lignende grensesnitt, så en story laget med den trygge sonen i tankene fungerer begge steder. Forskjellene er små: ikke alle interaktive klistremerker blir med, så en Instagram-avstemning kan bli et vanlig bilde på Facebook. Sjekk Facebook-versjonen én gang før du stoler på den. ## Slik designer du en Facebook-story til en side 1. **Velg én ting** Et stillbilde vises i noen sekunder. Dagens rett, en dato eller en nyhet: si én ting per bilde. 2. **Sett overskriften rett under toppsonen** Øynene lander først omtrent 300 til 500 piksler ned, utenfor navnet og fremdriftslinjen. 3. **Gjør den stor** Tekst i stories kan være mye større enn i feeden. En overskrift på 90 til 120 piksler kan leses med et blikk. 4. **La bakgrunnen bære merkevaren** En story er hovedsakelig bakgrunn. Samme farger eller materiale i hvert bilde gjør storyene gjenkjennelige før noen leser navnet. 5. **Forhåndsvis med grensesnittet på** Publiser for et lite publikum eller se på din egen telefon først. Det er den eneste pålitelige testen av de trygge sonene. Stories passer til små, hyppige oppdateringer som ville fylt feeden: hva som er ferskt i dag, en påminnelse dagen før et arrangement eller en rask takk etterpå. [Ideer til Instagram-stories](https://gradiently.design/nb/guide/instagram-story-design) har mange forslag som fungerer like godt på Facebook. Designer i Gradiently kan skrive og sette opp slike bilder fra en kort beskrivelse, i Marken din på 1080×1920, med tekst som holder seg lesbar der bakgrunnen er mest urolig. ## Facebook-storyideer som passer til en side - **Dagens tavle:** dagens rett, det ferske partiet eller timen som nettopp ble ledig. Én linje, publisert om morgenen. - **Endrede åpningstider:** et tydelig bilde for helligdager og stengte dager. [Innlegg om ferieåpningstider](https://gradiently.design/nb/guide/out-of-office-graphic) dekker ordlyden. - **Nedtellinger:** tre bilder i uken før et arrangement, samme design med et nytt tall. Se [design av nedtellingsinnlegg](https://gradiently.design/nb/guide/countdown-post-design). - **Bak disken:** et kort, stående klipp av selve arbeidet, med ett stillbilde som tittel først. [Innhold bak kulissene](https://gradiently.design/nb/guide/behind-the-scenes-content) har mer. - **Takk:** etter et arrangement eller en travel helg, én varm setning på den vanlige bakgrunnen. ## FAQ ### Hvor stor er en Facebook-story? 1080×1920 piksler, et stående 9:16-format. ### Hva er den trygge sonen for Facebook-stories? Hold tekst og logoer unna omtrent de øverste og nederste 250 pikslene, der fremdriftslinjen, navnet, svarfeltet og reaksjonene ligger. ### Har Facebook-stories samme størrelse som Instagram-stories? Ja. Begge bruker 1080×1920 og lignende grensesnitt, så ett design med ordene i midtfeltet fungerer begge steder. ### Hvorfor ser bildet mitt lite ut i en Facebook-story? Det er trolig liggende eller kvadratisk. Facebook skalerer det til bredden og fyller resten. Lag eller beskjær bildet til 1080×1920 i stedet.