Safe zones for sosiale medier, forklart
TikTok, Instagram Reels, Stories og feed-innlegg skjuler hver sin del av rammen bak sitt eget grensesnitt eller sin egen beskjæring. Her er hva som er reservert hvor, og hvordan du komponerer rundt det.
Hva hver plattform reserverer
| Plattform | Ramme | Reservert plass |
|---|---|---|
| TikTok | 1080×1920 (9:16) | Topplinje, nederste caption-/brukernavn-/lyd-bånd, høyre ikonradDen høyre ikonraden er den skapere ofte glemmer, den tar de siste cirka 14% av bredden. |
| Instagram Reels | 1080×1920 (9:16) | Topplinje, nederste caption-/brukernavn-/lyd-bånd, høyre ikonradLignende form som TikToks, men båndene sitter i litt annen dybde, ikke gjenbruk én komposisjon for begge uten å sjekke. |
| Instagram Stories | 1080×1920 (9:16) | Øverste profil-/tidsstempel-linje, nederste svarfelt-radIngen sidekolonne med ikoner her, risikoen ligger øverst og nederst, ikke ved kantene. |
| Instagram Post (feed-rutenett) | 1080×1350 (4:5) | Øverste cirka 10% og nederste cirka 10%, beskåret av den kvadratiske profilrutenett-beskjæringenIngenting tegnes oppå et innlegg, dette er en beskjæringssjekk, ikke en UI-overlappingssjekk. |
Dette er tette tilnærminger basert på hver plattforms publiserte spesifikasjoner for skapere og annonser, ikke pikselnøyaktige målinger. Bruk de interaktive sjekkerne lenket under for å legge de eksakte båndene over ditt eget bilde.
Komponer slik at ingenting viktig blir dekket
Hold motivet i den midtre tredjedelen
På tvers av TikTok, Reels og Stories er det tryggeste området omtrent den midtre tredjedelen av rammen, både horisontalt og vertikalt. Det ligger fritt fra hver topplinje, hvert nederste caption-bånd og hver sidekolonne med ikoner på alle tre plattformene samtidig, noe som gjør det til standardplassen for et ansikt, en undertekst eller et produktdetalj.
Design for den trangeste plattformen, ikke den løseste
Hvis et bilde må fungere på tvers av TikTok, Reels og Stories samtidig, komponer det mot hvilken plattform som reserverer mest plass i den retningen, TikToks nederste bånd og ikonrad er begge litt større enn Reels', så en komposisjon som fungerer for TikTok fungerer også for Reels. Å sjekke den løseste plattformen først er hvordan en caption ender opp klippet et sted du ikke testet.
Et feed-innlegg er et beskjæringsproblem, ikke et UI-problem
Ingenting tegnes oppå et innlegg, så risikoen er ikke et ikon som dekker et ansikt, det er profilrutenettets kvadratiske beskjæring som kutter topp og bunn av et 4:5-bilde. Hold motivet vertikalt sentrert innenfor det midtre kvadratet i stedet for å la det gå helt til topp- eller bunnkanten av hele 4:5-rammen.
Sjekk før eksport, ikke etterpå
Å beskjære et bilde på nytt etter at det allerede er gradert, tekstet eller eksportert er tregere og forringer ofte kvaliteten. Å legge safe zonen over originalbildet først, før noen annen redigering, fanger opp en dårlig komposisjon mens den fortsatt er billig å fikse.
Sjekk ditt eget bilde
Vanlige spørsmål om safe zones for sosiale medier
Finnes det en safe zone som fungerer for alle plattformer?
Nei. TikTok, Reels og Stories er alle 9:16, men grensesnittet deres sitter på ulike steder, og et feed-innlegg har et helt annet bildeforhold (4:5) med en beskjæringsrisiko i stedet for en UI-overlappingsrisiko. Å designe for det trangeste felles området på tvers av alle, omtrent den midtre tredjedelen, horisontalt og vertikalt, kommer nærmest en universell safe zone, men å sjekke hver plattform individuelt fanger opp mer enn den snarveien alene.
Endrer disse målene seg noen gang?
Ja, av og til. TikTok, Instagram og YouTube justerer alle grensesnittet sitt i appen over tid, flytter et caption-bånd noen prosent eller legger til en ny knapp. Tallene her er tette tilnærminger basert på publiserte spesifikasjoner for skapere og annonser, betrakt dem som en komposisjonssjekk fremfor en pikselnøyaktig garanti, og sjekk en mal jevnlig på nytt i stedet for å anta at den forblir nøyaktig for alltid.
Hva er den raskeste måten å sjekke en safe zone på uten å eksportere først?
Legg bildet rett inn i en safe zone-sjekker og se på overlayen før du eksporterer noe. Cinematic Photo har en dedikert TikTok safe zone-sjekker og en Instagram-sjekker som dekker Reels, Stories og Posts, begge kjører klientsidig, ingenting lastes opp.
Betyr en safe zone like mye for et statisk bilde som for video?
Ja. Et bildeinnlegg, et Reels-forsidebilde eller et TikTok-bildemodus-bilde sitter alle i samme ramme og får samme UI- eller beskjæringsbehandling som en video ville fått. Om noe betyr det enda mer for et bilde, en video har bevegelse og flere frames å jobbe med, et enkelt stillbilde har bare én komposisjon som må stemme.
Hva bør jeg gjøre hvis et ansikt eller en logo må sitte nær en kant?
Der det er mulig, ramm inn eller beskjær på nytt slik at det viktige elementet havner innenfor den midtre tredjedelen i stedet. Når det ikke er mulig, foretrekk toppen av rammen fremfor bunnen, både TikToks og Reels' tyngste grensesnitt (caption, brukernavn, ikonrad) konsentreres i de nederste to tredjedelene, så plassering øverst har en tendens til å overleve flere plattformer.
Er safe zones forskjellige for annonser versus organiske innlegg?
I stor grad samme underliggende ramme og grensesnitt, men annonsespesifikasjonene er som regel den mer konservative, bedre dokumenterte kilden, siden en merkevare ikke har råd til en beskåret logo. Det er også derfor denne guiden, og verktøyene lenket under, henter tallene sine fra publiserte spesifikasjoner for skapere og annonser i stedet for å gjette fra skjermbilder.