# Sikre soner i sosiale medier: der appen dekker designet

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

Alle plattformer legger knapper, navn og innleggstekst over designet ditt. Her er én samlet referanse for hvor de havner, med marger du kan bygge inn i alle maler.

## The short version

- Sikre soner i sosiale medier er områdene av et design som appens eget grensesnitt aldri dekker, på noen mobil.
- I et stående format på 1080×1920 er en vanlig praktisk regel å holde tekst unna omtrent de øverste 250 og nederste 250 pikslene i en story.
- Reels, TikTok og YouTube Shorts har innleggstekst nederst og knapper langs høyre side, så de trenger både en større bunnmarg og en høyremarg.
- Bannere har egne dekkede soner: profilbildet overlapper nedre venstre del av toppbilder på LinkedIn og X, og mobiler beskjærer sidene av Facebook-forsider.
- Grensesnitt endres med appoppdateringer og varierer mellom mobiler, så bruk målene som romslige veiledninger og sjekk ved å publisere privat først.

**Sikre soner i sosiale medier** er delene av et innlegg som ingen appgrensesnitt dekker. I stående formater ligger faren øverst, der navn og fremdriftslinjer vises, nederst, der innleggstekst og svarfelt ligger, og på Reels, TikTok og Shorts langs høyre kant, der liker- og delingsknapper ligger. La bakgrunnen fylle hele bildet, og hold hvert ord, hver logo og hvert ansikt innenfor det sikre området.

## Sikre soner for stående video og stories

Alle disse formatene bruker 1080×1920, men overleggene varierer. Målene nedenfor er praktiske marger, bevisst rundet opp, basert på hvordan hver app plasserer grensesnittet og på veiledningen plattformene gir annonsører. De er ikke offisielle mål, og alle apper flytter på ting mellom versjoner og skjermformer.

| Format | Topp | Bunn | Sider |
| --- | --- | --- | --- |
| Instagram Story | 250 px | 250 px | Omtrent 60 px på hver side |
| Stories på Facebook og WhatsApp | 250 px | 250 px | Omtrent 60 px på hver side |
| Instagram Reel | 250 px | Omtrent 420 px | Omtrent 120 px til høyre |
| TikTok | Omtrent 150 px | Omtrent 480 px | Omtrent 140 px til høyre |
| YouTube Shorts | Omtrent 150 px | Omtrent 420 px | Omtrent 140 px til høyre |
| Snapchat-story | Omtrent 250 px | Omtrent 300 px | Omtrent 60 px på hver side |

Praktiske marger i 1080×1920. Bevisst romslige: prisen for å være for forsiktig er litt tomrom, mens prisen for uforsiktighet er en skjult overskrift.

Husker du bare én regel, la det være denne: på all stående video bør viktig innhold ligge i en sentral boks som er omtrent 800 piksler bred og 1150 piksler høy, med start omtrent 250 piksler fra toppen. Boksen går klar av alle margene i tabellen. Flere detaljer per plattform finnes i [Instagram Story-størrelse](https://gradiently.design/nb/guide/instagram-story-size), [TikTok-omslagsstørrelse](https://gradiently.design/nb/guide/tiktok-cover-size) og [YouTube Shorts-omslagsstørrelse](https://gradiently.design/nb/guide/youtube-shorts-cover-size).

- Hele bildet 1080×1920: 1080 × 1920
- Sikkert i alle apper 800×1150: 800 × 1150
- Rutenettbeskjæring 1080×1440: 1080 × 1440

Hele det stående bildet, boksen som er sikker overalt, og 3:4-utsnittet Instagram viser i profilrutenettet. Planlegg for alle tre samtidig.

## Hva som ligger i hver sone

Å vite hva som dekker hver kant, hjelper deg å velge hva som kan ligge nær den. Bakgrunner, teksturer og enden av en gradient fungerer under grensesnittet. Ord, priser, logoer og ansikter gjør det ikke.

### Topp og bunn i en story

- Fremdriftslinje og profilbilde
- Kontonavn og publiseringstid
- Lukke- og menyknapper
- Svarfelt og delingsknapp
- Lenkeklistremerker du legger til i appen

### Bunn og høyreside i en Reel eller TikTok

- Innleggstekst, som vokser når du trykker
- Kontonavn og følgeknapp
- Lyd- eller musikketikett
- Knapper for å like, kommentere, dele og lagre
- Appens egen navigasjonslinje

Innleggsteksten er den lure. En kort tekst tar to linjer, men når noen trykker på den, utvider den seg oppover over videoen. Står teksten din lavt i bildet, vil en lang innleggstekst dekke den.

Et stående innlegg med overskriften i øvre midtdel av bildet, langt fra kantene

Tekst i den sikre boksen, omtrent i øvre midtdel. Ingenting viktig nær bunnen eller høyresiden.

Et stående innlegg med en kort liste til venstre og i midten av bildet

Et listeoppsett holdt til venstre og i midten, med høyrekanten fri til appens knapper.

## Sikre soner på bannere og toppbilder

Brede bannere har ikke knapper over seg, men to andre problemer: et profilbilde som overlapper deler av bildet, og ulik beskjæring på mobil og datamaskin.

| Banner | Størrelse | Hold fri |
| --- | --- | --- |
| LinkedIn-profilbanner | 1584×396 | Nedre venstre del, der profilbildet ligger |
| X-toppbilde | 1500×500 | Nedre venstre del og øvre og nedre kant |
| Facebook-forside | 1640×624 | Ytterkantene på mobil og det nederste båndet |
| YouTube-kanalbilde | 2560×1440 | Alt utenfor den sentrale stripen som vises på alle enheter |
| LinkedIn-bedriftsforside | 2256×382 | Nedre venstre del, der bedriftslogoen ligger |

Bannere er mest bakgrunn. Sett teksten i midten og til høyre, unna avataren.

YouTube er det ekstreme tilfellet: kanalbildet er et stort bilde i 2560×1440, men mobiler viser bare en smal stripe fra midten. Guidene våre til [LinkedIn-banner](https://gradiently.design/nb/guide/linkedin-banner-size) og [YouTube-banner](https://gradiently.design/nb/guide/youtube-banner-size) kartlegger de nøyaktige områdene.

## Feedinnlegg og miniatyrbilder har også sikre soner

- **Instagram-profilrutenett:** innlegg vises som 3:4-ruter skåret fra midten. Et innlegg i 1080×1350 mister en liten stripe på hver side; et Reel-omslag mister omtrent 240 piksler øverst og nederst. Se [beskjæring i Instagram-rutenettet](https://gradiently.design/nb/guide/instagram-profile-grid-crop).
- **YouTube-miniatyrbilder:** videolengden ligger nederst til høyre, så hold ansikter og tekst unna dette hjørnet.
- **Karuseller:** prikkene ligger rett under bildet, men noen apper legger en sideteller øverst til høyre.
- **Pinterest-pins:** lagreknapper og pintittelen vises når du holder pekeren over og under pinnen, så hold den nedre kanten rolig.

## Slik bygger du sikre soner inn i arbeidsflyten

1. **Lag et hjelpelag én gang** Tegn den sikre boksen som et låst hjelpelag i hver mal. Hold det synlig mens du designer, og skjul det før eksport.
2. **Design for den strengeste plattformen** Hvis ett stående design skal til Stories, Reels og TikTok, bruk margene til TikTok. Da er det sikkert overalt.
3. **La bakgrunnen gå til kantene** De dekkede sonene viser fortsatt bakgrunnen. La farge og tekstur gå til alle kanter, slik at bildet aldri virker innrammet.
4. **La det være plass til klistremerker** Skal du legge til et lenke- eller avstemningsklistremerke i appen, la det være et tomt område i nedre midtdel av den sikre boksen.
5. **Forhåndsvis med grensesnittet på** Publiser privat eller til nære venner, eller lagre et utkast og se det i fullskjerm. Det er den eneste reelle kontrollen.

Gradiently hjelper på to områder. Når du endrer ett design til andre formater med Pro, får hver kopi et nytt oppsett for sin form fremfor å beskjæres, så du trenger bare å flytte teksten inn i den sikre boksen. Marken bak fyller hele bildet, også grensesnittsonene, og holder sitt roligste område med best kontrast bak ordene uansett hvor de flyttes. [Tekst på en gradient](https://gradiently.design/nb/guide/text-on-gradient) dekker leseligheten i detalj.

## FAQ

### Hva er sikre soner i sosiale medier?

Det er delene av et innlegg som ingen appgrensesnitt dekker. Tekst, logoer og ansikter hører hjemme innenfor dem, mens bakgrunner kan gå utenfor.

### Hva er den sikre sonen for Instagram Reels?

Som praktisk regel i 1080×1920, hold tekst unna de øverste 250 pikslene, de nederste 420 og de høyre 120, der innleggstekst og knapper ligger.

### Hva er den sikre sonen i TikTok?

TikTok dekker bunnen med innleggstekst og lydetikett og høyresiden med knapper. Å holde tekst unna omtrent de nederste 480 og høyre 140 pikslene i 1080×1920 er en trygg veiledning.

### Finnes én sikker sone som fungerer på alle stående plattformer?

Ja, omtrent. En sentral boks på rundt 800 piksler i bredden og 1150 i høyden, som starter omtrent 250 piksler fra toppen av 1080×1920, holder seg fri i Stories, Reels, TikTok og Shorts.

### Endrer sikre soner seg?

Ja. Apper endrer grensesnittene sine, og mobiler har ulike former, så bruk målene som romslige veiledninger og forhåndsvis hvert innlegg med grensesnittet synlig.