Sosiale medier

Instagram story størrelse og trygge soner

En story fyller hele telefonskjermen, og Instagram legger sitt eget grensesnitt over toppen og bunnen. Her er størrelsen, sonene du holder fri, og hvordan du designer innenfor dem.

GradientlyVerifisert Gradiently-konto··4 min lesetid
Omslag: Pendant of Rain · GR·GRPK·2Z

Kortversjonen

  • Instagram story størrelse er 1080×1920 piksler, et stående 9:16-format som fyller en telefonskjerm.
  • Instagram legger profilnavnet og fremdriftslinjen øverst i en story og svarfeltet og knappene nederst.
  • En vanlig arbeidsregel, basert på Metas råd for story-annonser, er å holde omtrent de øverste og nederste 250 pikslene fri for tekst og logoer.
  • Reels bruker samme ramme på 1080×1920, men har mer grensesnitt nederst og langs høyre side, så de trenger bredere marger der.
  • Samme størrelse på 1080×1920 fungerer for stories på Facebook, Snapchat og WhatsApp, TikTok-omslag og omslag til YouTube Shorts.
På denne siden

Instagram story størrelse er 1080×1920 piksler, et stående 9:16-format som fyller telefonskjermen. Instagram legger sitt eget grensesnitt over toppen og bunnen av hver story: profilnavnet og fremdriftslinjen øverst, svarfeltet og knappene nederst. Design derfor for hele rammen, men hold ord og logoer i midten. En mye brukt regel, basert på Metas råd for story-annonser, er å la omtrent de øverste og nederste 250 pikslene være fri for tekst.

Mål for Instagram-story

EgenskapVerdi
Størrelse1080×1920 px
Sideforhold9:16
RetningStående, fullskjerm
Samme ramme somReels, stories på Facebook og Snapchat, WhatsApp-status, omslag på TikTok og Shorts
FargeprofilsRGB
Design i nøyaktig 1080×1920. En story laget i en annen form skaleres eller får kanter for å passe.

For stillestående stories eksporterer du PNG når designet stort sett er tekst, flate farger eller gradienter, fordi Instagram komprimerer opplastinger på nytt, og de rammes hardest. Bruk JPEG i høy kvalitet til fotografier. For stories i bevegelse eksporterer du MP4-video i samme størrelse, 1080×1920, så appen ikke har noe å skalere.

Fordi rammen deles av så mange plattformer, rekker ett godt stående design langt. Hele listen finner du i bildestørrelser i sosiale medier.

Trygge soner i Instagram-story

Den trygge sonen er den delen av storyen som ingenting dekker på noen telefon. Telefoner har ulike skjermformer, så grensesnittet ligger på litt forskjellige steder, og derfor er margene nedenfor romslige.

SoneFra toppen (px)Hva som ligger derLegg her
Topp0 til 250Fremdriftslinje, profilbilde, navn, lukkeknappBare bakgrunn
Midte250 til 1670IngentingOverskrifter, logo, viktige detaljer
Bunn1670 til 1920Svarfelt, dele- og liker-knapperBare bakgrunn
De tre feltene i en story. Behandle toppen og bunnen som utfall: en del av designet, men aldri et sted for ord.

Story 9:16

1080 × 1920

Feedinnlegg 4:5

1080 × 1350

Kvadrat 1:1

1080 × 1080

En story ved siden av et stående og et kvadratisk innlegg, i målestokk. Storyen er mye høyere, og derfor kan ikke feedoppsett overføres ved å strekkes.

Stories og Reels er ikke helt like

Reels bruker samme ramme på 1080×1920, men grensesnittet er tyngre. Bildeteksten, lydetiketten og kontonavnet ligger langs bunnen, og knappene for å like, kommentere og dele går nedover høyre side. Hold teksten høyere opp og lenger fra høyre kant enn du ville gjort i en story.

Story

  • Profil og fremdriftslinje øverst
  • Svarfelt og knapper nederst
  • Trykk for å gå videre, så hvert bilde sees kort
  • Klistremerker, lenker og avstemninger kan legges til i appen

Reel

  • Bildetekst, lyd og kontonavn langs bunnen
  • Handlingsknapper nedover høyre side
  • Spilles av som video, ofte i loop
  • Omslaget vises også i profilens rutenett, beskåret

Slik designer du en Instagram-story

  1. 1

    Ett budskap per bilde

    En stillestående story er på skjermen i noen få sekunder. Si én ting, tydelig, og legg det neste på neste bilde.

  2. 2

    Sett overskriften i øvre midtfelt

    Rett under den øvre trygge linjen er der blikket lander først, over klistremerker og lenker du legger til i appen.

  3. 3

    La det være plass til klistremerker

    Skal du legge til en lenke, en avstemning eller et spørsmål, holder du et tomt område i nedre midtfelt til det.

  4. 4

    La bakgrunnen gjøre merkevarejobben

    Stories går helt ut til kantene, så bakgrunnen er det meste av det folk ser. En fast farge eller et fast materiale gjør hvert bilde gjenkjennelig som ditt.

  5. 5

    Sjekk kontrasten overalt der ordene står

    På en gradient eller et foto endrer kontrasten seg over rammen. Tekst på gradient viser hvordan du holder hver linje lesbar.

Ordene i midtfeltet, mens bakgrunnen går helt ut bak grensesnittet.

Et spørsmålsbilde med plass under til en avstemning.

Flere formater og ideer finner du i ideer til Instagram-story.

Bevegelse i stories

Stories er der bevegelse virkelig gjør nytte. En bakgrunn som driver sakte under stillestående ord fanger blikket uten at du trenger et videoopptak. Hold ordene i ro og bevegelsen varsom, og sørg for at loopen går sammen uten et synlig hopp. Animerte Instagram-innlegg og bakgrunner til Reels går dypere. Gradiently eksporterer ethvert design som en sømløs loop på 5 til 30 sekunder, akkurat riktig lengde for et storybilde.

Spørsmål folk stiller

Hvilken størrelse har en Instagram-story?

1080×1920 piksler, et stående 9:16-format.

Hva er den trygge sonen i Instagram-stories?

Hold tekst og logoer unna omtrent de øverste og nederste 250 pikslene, der profilnavnet, fremdriftslinjen, svarfeltet og knappene ligger.

Er størrelsen på Instagram Reels den samme som på en story?

Ja, 1080×1920, men Reels har mer grensesnitt langs bunnen og nedover høyre side, så hold teksten lenger unna de kantene.

Kan jeg bruke samme design til stories på Instagram, Facebook og Snapchat?

Ja. Alle bruker en stående ramme på 1080×1920, så ett design fungerer på alle, så lenge ordene holder seg i midtfeltet.

Hva skjer hvis storyen min ikke er 9:16?

Instagram skalerer den så den passer og fyller plassen som blir til overs, vanligvis med en uskarp eller farget bakgrunn, så den virker mindre gjennomtenkt enn et design i full ramme.

Del denne guiden

Skrevet av GradientlyVerifisert Gradiently-konto

Teamet bak Gradiently, et designverktøy bygget rundt Marks: levende gradienter som gjør at alt du designer ser ut som ditt.

Se profilen vår