Kortversjonen
- 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.
På denne siden
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.
Topp
Bunn
Sider
Topp
Bunn
Sider
Topp
Bunn
Sider
Bunn
Sider
Topp
Bunn
Sider
Topp
Bunn
Sider
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, TikTok-omslagsstørrelse og YouTube Shorts-omslagsstørrelse.
Hele bildet 1080×1920
1080 × 1920
Sikkert i alle apper 800×1150
800 × 1150
Rutenettbeskjæring 1080×1440
1080 × 1440
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.
Tekst i den sikre boksen, omtrent i øvre midtdel. Ingenting viktig nær bunnen eller høyresiden.
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.
Størrelse
Hold fri
Størrelse
Hold fri
Størrelse
Hold fri
Størrelse
Hold fri
Størrelse
Hold fri
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 og YouTube-banner 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.
- 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 dekker leseligheten i detalj.
Spørsmål folk stiller
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.
Skrevet av Gradiently
Teamet bak Gradiently, et designverktøy bygget rundt Marks: levende gradienter som gjør at alt du designer ser ut som ditt.
Se profilen vår