# Säkra zoner i sociala medier: där appen täcker din design

[Canonical HTML page](https://gradiently.design/sv/guide/social-media-safe-zones)

Varje plattform lägger knappar, namn och bildtexter ovanpå din design. Här är en enda referens för var de hamnar, med marginaler du kan bygga in i varje mall.

## The short version

- Säkra zoner i sociala medier är de ytor i en design som appens eget gränssnitt aldrig täcker, på någon telefon.
- På en stående bild i 1080×1920 är en vanlig arbetsregel att hålla text borta från ungefär de översta 250 och de understa 250 pixlarna av en story.
- Reels, TikTok och YouTube Shorts har en bildtext längs botten och knappar nedför högerkanten, så de behöver en djupare nedre marginal och en högermarginal också.
- Banners har egna täckta zoner: profilbilden överlappar nedre vänstra hörnet av rubrikbilder på LinkedIn och X, och telefoner beskär sidorna på Facebook-omslag.
- Gränssnitt ändras med appuppdateringar och skiljer sig mellan telefoner, så se varje siffra för en säker zon som en generös riktlinje och kontrollera genom att först publicera privat.

**Säkra zoner i sociala medier** är de delar av ett inlägg som inget appgränssnitt någonsin täcker. I stående format ligger faran upptill, där namn och förloppsstaplar sitter, nedtill, där bildtexter och svarsfält sitter, och på Reels, TikTok och Shorts längs högerkanten, där gilla- och delaknapparna löper. Låt bakgrunden fylla hela bilden och håll varje ord, logotyp och ansikte inom det säkra området.

## Säkra zoner för stående video och stories

Alla de här formaten delar bildytan 1080×1920, men det som läggs ovanpå skiljer sig. Siffrorna nedan är arbetsmarginaler, medvetet upprundade, hämtade från hur varje app lägger upp sitt gränssnitt och från den vägledning plattformarna ger annonsörer. De är inga officiella mått, och varje app flyttar saker mellan versioner och skärmformer.

| Format | Överkant | Nederkant | Sidor |
| --- | --- | --- | --- |
| Instagram Story | 250 px | 250 px | Cirka 60 px på varje sida |
| Facebook- och WhatsApp-stories | 250 px | 250 px | Cirka 60 px på varje sida |
| Instagram Reel | 250 px | Cirka 420 px | Cirka 120 px till höger |
| TikTok | Cirka 150 px | Cirka 480 px | Cirka 140 px till höger |
| YouTube Shorts | Cirka 150 px | Cirka 420 px | Cirka 140 px till höger |
| Snapchat-story | Cirka 250 px | Cirka 300 px | Cirka 60 px på varje sida |

Arbetsmarginaler på en bild i 1080×1920. Medvetet generösa: priset för att vara för försiktig är lite tomt utrymme, priset för att vara slarvig är en dold rubrik.

Om du bara kommer ihåg en regel, välj den här: håll det viktiga innehållet i en video i stående format inom en central ruta på ungefär 800 pixlar i bredd och 1 150 pixlar i höjd, med start cirka 250 pixlar från toppen. Den rutan klarar varje marginal i tabellen. Mer detaljer per plattform finns i [storlek för Instagram Story](https://gradiently.design/sv/guide/instagram-story-size), [storlek för TikTok-omslag](https://gradiently.design/sv/guide/tiktok-cover-size) och [storlek för YouTube Shorts-omslag](https://gradiently.design/sv/guide/youtube-shorts-cover-size).

- Hela bilden 1080×1920: 1080 × 1920
- Säkert i alla appar 800×1150: 800 × 1150
- Rutnätsbeskärning 1080×1440: 1080 × 1440

Hela den stående bilden, rutan som är säker överallt och 3:4-utsnittet som Instagram visar i profilrutnätet. Planera för alla tre samtidigt.

## Vad som finns i varje zon

Att veta vad som täcker varje kant hjälper dig avgöra vad som får ligga nära den. Bakgrunder, texturer och svansen på en gradient går bra under gränssnittet. Ord, priser, logotyper och ansikten gör det inte.

### Överkant och nederkant i en story

- Förloppsstapel och profilbild
- Kontonamn och publiceringstid
- Stäng- och menyknappar
- Svarsfält och delaknapp
- Länkklistermärken du lägger till i appen

### Nederkant och höger, Reel eller TikTok

- Bildtext, som växer när man trycker på den
- Kontonamn och följknapp
- Ljud- eller musiketikett
- Knappar för gilla, kommentera, dela och spara
- Appens egen navigeringsfält

Bildtexten är den lömska. En kort bildtext tar två rader, men när tittaren trycker på den expanderar den uppåt över videon. Ligger din text lågt i bilden täcker en lång bildtext den.

Ett stående inlägg med rubriken i övre mitten av bilden, väl avskild från kanterna

Orden i den säkra rutan, ungefär i övre mitten. Inget viktigt nära botten eller högerkanten.

Ett stående inlägg med en kort lista hållen åt vänster och mitten av bilden

En listlayout hållen åt vänster och mitten, så att högerkanten är fri för appens knappar.

## Säkra zoner på banners och rubrikbilder

Breda banners har inga knappar ovanpå, men de har två andra problem: en profilbild som överlappar en del av bilden och olika beskärningar på telefon och dator.

| Banner | Storlek | Håll fritt |
| --- | --- | --- |
| LinkedIn-profilbanner | 1584×396 | Nedre vänstra hörnet, där profilbilden sitter |
| X-rubrikbild | 1500×500 | Nedre vänstra hörnet samt över- och underkanten |
| Facebook-omslag | 1640×624 | Yttersidorna på telefon och bandet längst ner |
| YouTube-kanalbild | 2560×1440 | Allt utanför den centrala remsan som syns på alla enheter |
| LinkedIn-företagsomslag | 2256×382 | Nedre vänstra hörnet, där företagslogotypen sitter |

Banners är mest bakgrund. Lägg orden i mitten och till höger, bort från avataren.

YouTube är extremfallet: kanalbilden är en enorm bild på 2560×1440, men telefoner visar bara en smal remsa från mitten. Våra guider till [LinkedIn-bannern](https://gradiently.design/sv/guide/linkedin-banner-size) och [YouTube-bannern](https://gradiently.design/sv/guide/youtube-banner-size) kartlägger de exakta områdena.

## Flödesinlägg och miniatyrer har också säkra zoner

- **Instagrams profilrutnät:** inlägg visas som 3:4-rutor utskurna från mitten. Ett inlägg i 1080×1350 förlorar en smal kant på varje sida, och ett Reel-omslag förlorar cirka 240 pixlar upptill och nedtill. Se [beskärning i Instagrams rutnät](https://gradiently.design/sv/guide/instagram-profile-grid-crop).
- **YouTube-miniatyrer:** videons längd sitter i nedre högra hörnet, så håll ansikten och ord borta därifrån.
- **Karuseller:** prickarna sitter strax under bilden, men vissa appar lägger en sidräknare i övre högra hörnet.
- **Pinterest-pinnar:** spara-knappar och pinnens titel syns när man håller över och under pinnen, så låt nedre kanten vara lugn.

## Så bygger du in säkra zoner i ditt arbetsflöde

1. **Gör ett hjälplager en gång** Rita den säkra rutan som ett låst hjälplager i varje mall. Låt det vara synligt medan du designar och dölj det innan du exporterar.
2. **Designa för den strängaste plattformen** Om en stående design ska till Stories, Reels och TikTok, använd TikToks marginaler. Då är den säker överallt.
3. **Låt bakgrunden gå över kanten** De täckta zonerna visar fortfarande din bakgrund. Dra färg och textur ut till varje kant så att bilden aldrig ser inramad ut.
4. **Lämna plats för klistermärken** Om du ska lägga till ett länk- eller omröstningsklistermärke i appen, lämna en tom yta i nedre mitten av den säkra rutan.
5. **Förhandsgranska med gränssnittet på** Publicera för en privat publik eller nära vänner, eller spara ett utkast och se det i helskärm. Det är den enda riktiga kontrollen.

Gradiently hjälper på två fronter. När du ändrar storlek på en design till andra format med Pro läggs varje kopia ut på nytt för sin form i stället för att beskäras, så du behöver bara flytta orden in i den säkra rutan. Marken bakom fyller hela bilden, gränssnittszonerna inräknade, och håller sin lugnaste, mest kontrastrika yta bakom dina ord vart de än flyttas. [Text på en gradient](https://gradiently.design/sv/guide/text-on-gradient) går igenom läsbarheten i detalj.

## FAQ

### Vad är säkra zoner i sociala medier?

Det är de delar av ett inlägg som inget appgränssnitt täcker. Text, logotyper och ansikten hör hemma inom dem, medan bakgrunder kan gå utanför.

### Vilken är den säkra zonen för Instagram Reels?

Som arbetsregel på en bild i 1080×1920: håll text borta från de översta 250 pixlarna, de understa 420 pixlarna och de 120 pixlarna längst till höger, där bildtexten och knapparna sitter.

### Vilken är TikToks säkra zon?

TikTok täcker botten med bildtext och ljudetikett och högersidan med sina knappar. Att hålla text borta från ungefär de understa 480 pixlarna och de 140 pixlarna till höger på en bild i 1080×1920 är en säker riktlinje.

### Finns det en säker zon som fungerar på alla stående plattformar?

Ja, ungefär. En central ruta på cirka 800 pixlar i bredd och 1 150 pixlar i höjd, med start cirka 250 pixlar från toppen av en bild i 1080×1920, förblir fri på Stories, Reels, TikTok och Shorts.

### Ändras säkra zoner?

Ja. Appar omarbetar sina gränssnitt och telefoner skiljer sig i form, så se alla siffror som generösa riktlinjer och förhandsgranska varje inlägg med gränssnittet synligt.