Kort fortalt
- Facebook-storystørrelsen er 1080×1920 pixel, en lodret 9:16-ramme, der fylder en telefonskærm.
- Facebook placerer statuslinjen og kontonavnet øverst i en story og svarfeltet og reaktionerne nederst.
- En almindelig tommelfingerregel, baseret på Metas vejledning til storyannoncer, er at holde cirka de øverste og nederste 250 pixel fri for tekst og logoer.
- Billeder i andre former skaleres, så de passer til storyrammen, og den overskydende plads fyldes ud, hvilket ser mindre bevidst ud end et design lavet til hele rammen.
- Det samme 1080×1920-design virker til Instagram-, Snapchat- og WhatsApp-stories, så én velgjort story kan rejse på tværs af dem alle.
På denne side
Facebook-storystørrelsen er 1080×1920 pixel, en lodret 9:16-ramme, der fylder telefonskærmen. Facebook tegner sin egen grænseflade over hver story: statuslinjen og navnet på din side eller profil øverst, svarfeltet og reaktionsknapperne nederst. Design baggrunden, så den løber fra kant til kant, men hold ord, logoer og ansigter ude af cirka de øverste og nederste 250 pixel, en tommelfingerregel baseret på Metas vejledning til storyannoncer.
Facebook-storyens mål
Story 1080×1920
1080 × 1920
Sikker midte 1080×1420
1080 × 1420
Portrætopslag 1080×1350
1080 × 1350
Den sammenligning er det mest nyttige at huske. Når grænsefladen er regnet med, er den plads, du trygt kan lægge ord i, knap højere end et Facebook-opslag på 1080×1350. Storyens ekstra højde er til stemning: baggrund, fotografi, bevægelse. Eksportér stille stories som PNG, når de mest er skrift og farve, og video som MP4 i samme størrelse.
Sikre zoner i Facebook-stories
Hvad der dækker den
Brug den til
Hvad der dækker den
Brug den til
Hvad der dækker den
Brug den til
Ordene holdt i midterbåndet, mens baggrunden løber under grænsefladen i begge ender.
En nedtællingsramme. Den tomme nederste midte levner plads til et klistermærke, der tilføjes i appen.
Hvis du tilføjer klistermærker, links eller tekst i appen efter upload, så planlæg et tomt område til dem i rammens nederste midte. De har brug for det samme sikre bånd som alt andet. For et dybere blik på, hvordan platforme overlapper dine designs, se sikre zoner på sociale medier.
Fotos og video, der ikke er 9:16
Uploader du et liggende foto eller en kvadratisk grafik til en story, skalerer Facebook det til bredden og fylder pladsen over og under. Det virker, men ser ud som en eftertanke, og billedet ender småt midt på en stor skærm. Til lodret video skal du filme med telefonen oprejst eller omformatere i redigeringen og holde indbrændte undertekster inden for midterbåndet.
Undgå
- Feedopslag lagt ind i en story uændret
- Ord i de øverste eller nederste 250 pixel
- Lange afsnit på en enkelt ramme
- Vandret video i en lodret story
Gør
- En story lavet i 1080×1920 fra start
- Ord kun i midterbåndet
- Ét budskab pr. ramme, så den næste ramme
- Video filmet eller redigeret lodret
Vil du dele et feedopslag som story på en ordentlig måde, så læg det ud igen til den høje ramme: samme ord, samme farver, større skrift og mere baggrund. Instagram-storystørrelse dækker den samme ramme til Instagram, hvor reglerne er næsten identiske.
Del Instagram-stories på Facebook
Hvis dine Instagram- og Facebook-konti er forbundet i Metas Kontocenter, kan du dele Instagram-stories til Facebook automatisk eller én ad gangen. Fordi begge bruger 1080×1920 med lignende grænseflader, virker en story, der er designet med det sikre bånd for øje, på begge. Forskellene er små: interaktive klistermærker følger ikke alle med, så en afstemning på Instagram kan ankomme på Facebook som et almindeligt billede. Tjek Facebook-versionen én gang, før du stoler på det.
Sådan designer du en Facebook-story til en side
- 1
Vælg den ene ting
En stillestående ramme er på skærmen i nogle få sekunder. Dagens ret, en dato, en nyankomst: sig én ting pr. ramme.
- 2
Sæt overskriften lige under topbåndet
Omkring 300 til 500 pixel nede er dér, øjnene lander først, fri af navnet og statuslinjen.
- 3
Gør den stor
Skrift i en story kan være meget større end i et feed. En overskrift på 90 til 120 pixel kan læses med det samme.
- 4
Lad baggrunden være brandet
En story er mest baggrund. De samme farver eller det samme materiale på hver ramme gør dine stories genkendelige, før nogen læser navnet.
- 5
Se forhåndsvisning med grænsefladen på
Post til et lille publikum, eller se den på din egen telefon først. Det er den eneste pålidelige test af de sikre zoner.
Stories passer til de små, hyppige opdateringer, der ville fylde et feed op: hvad der er friskt i dag, en påmindelse dagen før et event, en hurtig tak bagefter. Idéer til Instagram-stories har masser, der virker lige så godt på Facebook. Gradiently Designer kan skrive og lægge sådanne rammer ud ud fra en kort beskrivelse, i din Mark i 1080×1920, med skrift, der kan læses, uanset hvor urolig baggrunden er.
Facebook-storyidéer, der passer til en side
- Dagens tavle: dagens ret, det friske parti, det tidspunkt, der netop er blevet ledigt. Én linje, postet om morgenen.
- Ændrede åbningstider: en klar ramme til helligdage og lukkedage. Opslag om åbningstider i ferier dækker ordlyden.
- Nedtællinger: tre rammer over ugen før et event, det samme design med et nyt tal. Se design af nedtællingsopslag.
- Bag disken: et kort lodret klip af selve arbejdet med en stille titelramme først. Indhold bag kulisserne har mere.
- Tak: efter et event eller en travl weekend, én varm linje på din sædvanlige baggrund.
Spørgsmål, folk stiller
Hvilken størrelse har en Facebook-story?
1080×1920 pixel, en lodret 9:16-ramme.
Hvad er den sikre zone i Facebook-stories?
Hold tekst og logoer ude af cirka de øverste og nederste 250 pixel, hvor statuslinjen, navnet, svarfeltet og reaktionerne sidder.
Er Facebook-storystørrelsen den samme som på Instagram?
Ja. Begge bruger 1080×1920, og grænsefladerne er ens, så ét design med ord i midterbåndet virker på begge.
Hvorfor ser mit foto småt ud i en Facebook-story?
Det er sandsynligvis liggende eller kvadratisk. Facebook skalerer det til bredden og fylder resten. Lav eller beskær i stedet billedet til 1080×1920.
Skrevet af Gradiently
Holdet bag Gradiently, et designværktøj bygget om Marks: levende gradienter, der får alt, du designer, til at ligne dig.
Se vores profil