# Storlek på Facebook-stories och säkra zoner

[Canonical HTML page](https://gradiently.design/sv/guide/facebook-story-size)

Facebook-stories fyller telefonskärmen och lägger sedan en förloppsindikator, ett namn och ett svarsfält över din design. Här är ramen, delarna du håller fria och vad som är värt att publicera i den.

## The short version

- Storleken på Facebook-stories är 1080×1920 pixlar, en stående ram i 9:16 som fyller en telefonskärm.
- Facebook placerar förloppsindikatorn och kontonamnet överst i en story och svarsfältet och reaktionerna längst ner.
- En vanlig tumregel, baserad på Metas riktlinjer för storyannonser, är att hålla ungefär de översta och understa 250 pixlarna fria från text och logotyper.
- Bilder i andra former skalas för att passa storyramen och det som blir över fylls ut, vilket ser mindre genomtänkt ut än en design som fyller hela ramen.
- Samma design på 1080×1920 fungerar för stories på Instagram, Snapchat och WhatsApp, så en välgjord story kan följa med till alla.

**Storleken på Facebook-stories** är 1080×1920 pixlar, en stående ram i 9:16 som fyller telefonskärmen. Facebook ritar sitt eget gränssnitt över varje story: förloppsindikatorn och namnet på din sida eller profil högst upp, svarsfältet och reaktionsknapparna längst ner. Designa bakgrunden så att den går kant i kant, men håll ord, logotyper och ansikten borta från ungefär de översta och understa 250 pixlarna, en tumregel baserad på Metas riktlinjer för storyannonser.

## Mått för Facebook-stories

- Story 1080×1920: 1080 × 1920
- Säker mitt 1080×1420: 1080 × 1420
- Stående inlägg 1080×1350: 1080 × 1350

Hela storyn, mittbandet som blir kvar efter de översta och understa 250 pixlarna och ett stående flödesinlägg som jämförelse. Det säkra bandet är bara lite högre än ett flödesinlägg.

Jämförelsen är det mest användbara att komma ihåg. När gränssnittet är avräknat är ytan där du tryggt kan lägga ord knappt högre än ett [Facebook-inlägg](https://gradiently.design/sv/guide/facebook-post-size) på 1080×1350. Storyns extra höjd är till för stämning: bakgrund, fotografi, rörelse. Exportera stillastående stories som PNG när de mest är text och färg, och video som MP4 i samma storlek.

## Säkra zoner i Facebook-stories

| Zon | Från toppen (px) | Vad som täcker den | Använd den till |
| --- | --- | --- | --- |
| Överst | 0 till 250 | Förloppsindikator, profilbild, namn, meny | Bara bakgrund |
| Mitten | 250 till 1670 | Ingenting | Rubrik, detaljer, logotyp, ansikten |
| Längst ner | 1670 till 1920 | Svarsfält, reaktioner, dela | Bara bakgrund |

Telefoner har olika form, så gränssnittet flyttar sig något. Generösa marginaler täcker dem alla.

En stående Facebook-story för ett kafé som meddelar dagens soppa, med texten i mitten av ramen

Orden hålls i mittbandet, bakgrunden löper under gränssnittet i båda ändar.

En stående Facebook-story som räknar ned två dagar till en vårmarknad, med utrymme under orden

En nedräkningsbild. Den tomma nedre mitten lämnar plats för ett klistermärke som läggs till i appen.

Om du lägger till klistermärken, länkar eller text i appen efter uppladdningen, planera en tom yta för dem i ramens nedre mitt. De behöver samma säkra band som allt annat. För en djupare titt på hur plattformar överlappar dina designer, se [säkra zoner i sociala medier](https://gradiently.design/sv/guide/social-media-safe-zones).

## Foton och video som inte är 9:16

Ladda upp ett liggande foto eller en kvadratisk grafik i en story så skalar Facebook den till bredden och fyller ytan ovanför och under. Det fungerar, men ser ut som en eftertanke, och bilden blir liten mitt på en stor skärm. För stående video, filma med telefonen upprätt eller beskär om i redigeringen, och håll inbrända undertexter inom mittbandet också.

### Undvik

- Flödesinlägg som släpps in i en story oförändrade
- Ord i de översta eller understa 250 pixlarna
- Långa stycken på en enda bild
- Liggande video i en stående story

### Gör så här

- En story som görs i 1080×1920 från början
- Ord bara i mittbandet
- Ett budskap per bild, sedan nästa bild
- Video som filmats eller redigerats stående

För att dela ett flödesinlägg som story på rätt sätt, lägg upp det på nytt för den höga ramen: samma ord, samma färger, större text och mer bakgrund. [Storlek på Instagram-stories](https://gradiently.design/sv/guide/instagram-story-size) täcker samma ram för Instagram, där reglerna är nästan identiska.

## Dela Instagram-stories till Facebook

Om dina Instagram- och Facebook-konton är kopplade i Metas Kontocenter kan du dela Instagram-stories till Facebook automatiskt eller en i taget. Eftersom båda använder 1080×1920 med liknande gränssnitt fungerar en story designad med det säkra bandet i åtanke på båda. Skillnaderna är små: interaktiva klistermärken följer inte alla med, så en omröstning på Instagram kan komma fram på Facebook som en vanlig bild. Kontrollera Facebook-versionen en gång innan du förlitar dig på den.

## Så designar du en Facebook-story för en sida

1. **Välj det enda** En stillbild ligger på skärmen några sekunder. Dagens rätt, ett datum, en nyhet: säg en sak per bild.
2. **Sätt rubriken precis under det övre bandet** Runt 300 till 500 pixlar ner är där blicken landar först, fri från namnet och förloppsindikatorn.
3. **Gör den stor** Text i stories kan vara mycket större än text i flödet. En rubrik på 90 till 120 pixlar läses i en blink.
4. **Låt bakgrunden vara varumärket** En story är mest bakgrund. Samma färger eller material på varje bild gör dina stories igenkännbara innan någon läser namnet.
5. **Förhandsgranska med gränssnittet på** Publicera för en liten publik eller se den på din egen telefon först. Det är det enda pålitliga testet av de säkra zonerna.

Stories passar de små, täta uppdateringar som annars skulle belamra ett flöde: vad som är färskt idag, en påminnelse dagen före ett evenemang, ett snabbt tack efteråt. [Instagram-storyidéer](https://gradiently.design/sv/guide/instagram-story-design) har gott om sådant som fungerar lika bra på Facebook. Gradiently Designer kan skriva och lägga upp bilder som dessa utifrån en kort beskrivning, i din Mark i 1080×1920, med text som förblir läsbar där bakgrunden är som rörigast.

## Facebook-storyidéer som passar en sida

- **Dagens tavla:** dagens rätt, den färska satsen, tiden som just blivit ledig. En rad, publicerad på morgonen.
- **Ändrade öppettider:** en tydlig bild för helgdagar och stängningar. [Inlägg om helgöppettider](https://gradiently.design/sv/guide/out-of-office-graphic) tar upp formuleringarna.
- **Nedräkningar:** tre bilder under veckan före ett evenemang, samma design med ett nytt tal. Se [design av nedräkningsinlägg](https://gradiently.design/sv/guide/countdown-post-design).
- **Bakom disken:** ett kort stående klipp av själva arbetet, med en stilla titelbild först. [Innehåll bakom kulisserna](https://gradiently.design/sv/guide/behind-the-scenes-content) har mer.
- **Tack:** efter ett evenemang eller en hektisk helg, en enda varm rad på din vanliga bakgrund.

## FAQ

### Vilken storlek har en Facebook-story?

1080×1920 pixlar, en stående ram i 9:16.

### Vilken är den säkra zonen för Facebook-stories?

Håll text och logotyper borta från ungefär de översta och understa 250 pixlarna, där förloppsindikatorn, namnet, svarsfältet och reaktionerna sitter.

### Har Facebook-stories samma storlek som Instagram?

Ja. Båda använder 1080×1920, och gränssnitten är liknande, så en design med ord i mittbandet fungerar på båda.

### Varför ser mitt foto litet ut i en Facebook-story?

Det är troligen liggande eller kvadratiskt. Facebook skalar det till bredden och fyller resten. Gör eller beskär i stället bilden till 1080×1920.