Kortversionen
- Storleken på en Instagram Story är 1080×1920 pixlar, ett stående 9:16-format som fyller en telefonskärm.
- Instagram placerar profilnamnet och förloppsindikatorn högst upp i en story och svarsfältet och knapparna längst ner.
- En vanlig tumregel, baserad på Metas riktlinjer för story-annonser, är att hålla ungefär de översta och understa 250 pixlarna fria från text och logotyper.
- Reels använder samma 1080×1920-format men har mer gränssnitt längst ner och längs högersidan, så de behöver bredare marginaler där.
- Samma storlek, 1080×1920, fungerar för stories på Facebook, Snapchat och WhatsApp, omslag på TikTok och omslag på YouTube Shorts.
På den här sidan
Storleken på en Instagram Story är 1080×1920 pixlar, ett stående 9:16-format som fyller telefonskärmen. Instagram lägger sitt eget gränssnitt över topp och botten i varje story: profilnamn och förloppsindikator ovanför, svarsfält och knappar nedanför. Designa alltså för hela ramen, men håll ord och logotyper i mitten. En vida använd regel, baserad på Metas riktlinjer för story-annonser, är att lämna ungefär de översta och understa 250 pixlarna fria från text.
Mått för Instagram Stories
| Egenskap | Värde |
|---|---|
| Storlek | 1080×1920 px |
| Bildförhållande | 9:16 |
| Orientering | Stående, helskärm |
| Samma ram som | Reels, stories på Facebook och Snapchat, WhatsApp-status, omslag på TikTok och Shorts |
| Färgprofil | sRGB |
För stillbildsstories exporterar du PNG när designen mest består av text, plana färger eller gradienter, eftersom Instagram komprimerar om uppladdningar och det är där det märks mest. Använd en JPEG av hög kvalitet för fotografier. För rörliga stories exporterar du MP4-video i samma storlek, 1080×1920, så att appen inte behöver skala om något.
Eftersom ramen delas av så många plattformar tar en väl gjord stående design dig långt. Hela listan finns i bildstorlekar för sociala medier.
Säkra zoner för Instagram Stories
Den säkra zonen är den del av storyn som inget täcker på någon telefon. Telefoner har olika skärmformer, så gränssnittet hamnar på lite olika ställen, och därför är marginalerna nedan generösa.
| Zon | Från toppen (px) | Vad som sitter där | Lägg här |
|---|---|---|---|
| Topp | 0 till 250 | Förloppsindikator, profilbild, namn, stängknapp | Bara bakgrund |
| Mitt | 250 till 1670 | Ingenting | Rubriker, logotyp, viktiga detaljer |
| Botten | 1670 till 1920 | Svarsfält, dela- och gilla-knappar | Bara bakgrund |
Story 9:16
1080 × 1920
Flödesinlägg 4:5
1080 × 1350
Kvadrat 1:1
1080 × 1080
Stories och Reels är inte riktigt samma sak
Reels använder samma 1080×1920-ram, men gränssnittet är tyngre. Bildtexten, ljudetiketten och kontonamnet sitter längs botten, och knapparna för gilla, kommentera och dela löper längs högersidan. Håll texten längre upp och längre bort från högerkanten än du skulle göra i en story.
Story
- Profil och förloppsindikator högst upp
- Svarsfält och knappar längst ner
- Tryck för att gå vidare, så varje ruta ses en kort stund
- Stickers, länkar och omröstningar läggs till i appen
Reel
- Bildtext, ljud och kontonamn längs botten
- Åtgärdsknappar längs högersidan
- Spelas som video, ofta i loop
- Omslaget visas också i profilens rutnät, beskuret
Så designar du en Instagram Story
- 1
Ett budskap per ruta
En stillbildsstory syns på skärmen i några sekunder. Säg en sak, tydligt, och lägg nästa sak på nästa ruta.
- 2
Sätt rubriken i övre mitten
Precis under den övre säkra linjen är det första blicken landar, ovanför alla stickers eller länkar du lägger till i appen.
- 3
Lämna plats för stickers
Om du ska lägga till en länk-, omröstnings- eller frågesticker, håll en tom yta i nedre mitten för den.
- 4
Låt bakgrunden göra varumärkesjobbet
Stories går ut i kanten, så bakgrunden är det mesta folk ser. En konsekvent färg eller ett konsekvent material gör att varje ruta känns igen som din.
- 5
Kontrollera kontrasten överallt där orden sitter
På en gradient eller ett foto ändras kontrasten över ramen. Text på gradient visar hur du håller varje rad läsbar.
Orden i mittbandet, bakgrunden hela vägen ut i kanten bakom gränssnittet.
En frågeruta med plats kvar under för en omröstningssticker.
Fler format och idéer hittar du i idéer för Instagram Stories.
Rörelse i stories
Stories är platsen där rörelse gör mest nytta. En bakgrund som långsamt glider under stillastående ord fångar blicken utan att du behöver filma något. Håll orden stilla, rörelsen mjuk och se till att loopen går ihop utan ett synligt hack. Animerade Instagram-inlägg och bakgrunder för Reels går djupare. Gradiently exporterar vilken design som helst som en sömlös loop på 5 till 30 sekunder, vilket är precis rätt längd för en story-ruta.
Vanliga frågor
Vilken storlek har en Instagram Story?
1080×1920 pixlar, ett stående 9:16-format.
Vad är den säkra zonen för Instagram Stories?
Håll text och logotyper borta från ungefär de översta och understa 250 pixlarna, där profilnamn, förloppsindikator, svarsfält och knappar sitter.
Är storleken på en Instagram Reel densamma som på en story?
Ja, 1080×1920, men Reels har mer gränssnitt längs botten och högersidan, så håll texten längre från de kanterna.
Kan jag använda samma design för stories på Instagram, Facebook och Snapchat?
Ja. De använder alla en stående ram på 1080×1920, så en design fungerar överallt, så länge orden hålls i mittbandet.
Vad händer om min story inte är 9:16?
Instagram skalar den så att den passar och fyller den överblivna ytan, oftast med en suddig eller färgad bakgrund, så den ser mindre genomtänkt ut än en design som fyller hela ramen.
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
