Kortversionen
- 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.
På den här sidan
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
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 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
Vad som täcker den
Använd den till
Vad som täcker den
Använd den till
Från toppen (px)
Vad som täcker den
Använd den till
Orden hålls i mittbandet, bakgrunden löper under gränssnittet i båda ändar.
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.
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 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 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 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.
- Bakom disken: ett kort stående klipp av själva arbetet, med en stilla titelbild först. Innehåll bakom kulisserna har mer.
- Tack: efter ett evenemang eller en hektisk helg, en enda varm rad på din vanliga bakgrund.
Vanliga frågor
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.
Skriven av Gradiently
Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.
Se vår profil