# Instagram Story-storlek och säkra zoner [Canonical HTML page](https://gradiently.design/sv/guide/instagram-story-size) En story fyller hela telefonskärmen, och Instagram lägger sitt eget gränssnitt över topp och botten. Här är storleken, zonerna du ska hålla fria och hur du designar inom dem. ## The short version - 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. 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 | Designa i exakt 1080×1920. En story i någon annan form skalas eller får svarta fält för att passa. 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](https://gradiently.design/sv/guide/social-media-image-sizes). ## 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 | En storys tre band. Behandla topp och botten som utfall: en del av designen, men aldrig hem för ord. - Story 9:16: 1080 × 1920 - Flödesinlägg 4:5: 1080 × 1350 - Kvadrat 1:1: 1080 × 1080 En story bredvid ett stående inlägg och ett kvadratiskt, skalenligt. Storyn är mycket högre, och därför går flödeslayouter inte att sträcka till den. ## 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](https://gradiently.design/sv/guide/text-on-gradient) visar hur du håller varje rad läsbar. En stående Instagram Story som presenterar en ny meny, med orden centrerade och gradienten som fyller ramen Orden i mittbandet, bakgrunden hela vägen ut i kanten bakom gränssnittet. En stående story som frågar Vad ska vi baka härnäst, med en tom yta under för en omröstningssticker 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](https://gradiently.design/sv/guide/instagram-story-design). ## 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](https://gradiently.design/sv/guide/animated-social-posts) och [bakgrunder för Reels](https://gradiently.design/sv/guide/reels-tiktok-backgrounds) 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. > **Förhandsgranska innan du publicerar** Skicka storyn till dig själv eller publicera den till Nära vänner först. Det enda sättet att vara säker på att inget ligger under gränssnittet är att se den med gränssnittet på. ## FAQ ### 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.