# Bakgrund för Reels och TikTok: så designar du den [Canonical HTML page](https://gradiently.design/sv/guide/reels-tiktok-backgrounds) Vertikal video har en ram du inte helt kontrollerar: bildtexter, knappar och namn ligger ovanpå. Designa bakgrunden för den yta som blir kvar. ## The short version - En bakgrund för Reels eller TikTok designas i 1080 × 1920 pixlar, den vertikala 9:16-ramen som båda apparna använder. - Apparna lägger bildtexter, kontonamn och knappar över videons nederkant och högra sida, så viktiga ord hör hemma närmare mitten. - Bakom en talare ska bakgrunden vara lugnare och mörkare än ansiktet, med lite detaljer nära huvudet. - För videor med bara text ger en långsamt rörlig gradient liv åt ramen medan orden står stilla och går att läsa. - Använder du samma bakgrund i en serie blir videorna och deras omslag igenkännbara som en helhet. En **Reels-bakgrund** är lagret bakom allt annat i en vertikal video: ytan bakom en talare eller hela bilden i ett klipp med bara text. Designa den i **1080 × 1920 pixlar**, den 9:16-ram som både Instagram Reels och TikTok använder. Håll det viktiga borta från appens eget gränssnitt, som täcker nederkanten och högra sidan, och håll rörelsen så långsam att orden eller talaren leder. ## Storlek för Reels och TikTok, och säkra zonen Båda apparna visar vertikal video på hela skärmen och lägger sedan sitt gränssnitt ovanpå: bildtexten och ljudets namn längs nederkanten, kontonamnet ovanför dem och knapparna för gilla, kommentera och dela längs högerkanten. På vissa skärmar finns även flikar överst. Allt viktigt som hamnar under de lagren döljs eller blir rörigt. - Instagram Reel: 1080 × 1920 - TikTok-video: 1080 × 1920 - YouTube Shorts: 1080 × 1920 En vertikal original i 1080 × 1920 fungerar för alla tre. Det är bara gränssnittet ovanpå som skiljer. | Del av ramen | Vad som täcker den | Vad du lägger där | | --- | --- | --- | | Övre remsan | Flikar och rubriker på vissa skärmar | Bara bakgrund | | Övre mitten | Oftast ingenting | Rubriker och nyckelord | | Mitten | Ingenting | Talarens ansikte eller huvudtexten | | Högerkanten | Knapparna för gilla, kommentera och dela | Bara bakgrund | | Nedersta fjärdedelen ungefär | Bildtext, ljud och kontonamn | Bara bakgrund, inga ord | Exakt vad som ligger ovanpå skiljer sig mellan app, enhet och uppdatering. Se det här som en karta och kontrollera ett utkast i appen innan du publicerar. En vertikal videoram med en serieetikett och en rubrik placerade i övre mitten över en gradient Orden ligger i övre mitten, medan nederkanten och högerkanten lämnas åt bakgrunden och appens knappar. Samma ram används av Stories, så vår guide om [storlek och säkra zoner för Instagram Story](https://gradiently.design/sv/guide/instagram-story-size) gäller även här. ## Bakgrunder bakom en talare När en person pratar är bakgrundens uppgift att artigt försvinna. Ögat går först till ansikten, och allt rörigt eller ljust bakom huvudet konkurrerar med det. Både Instagram och TikTok erbjuder green screen-effekter som placerar dig framför en bild eller video, och samma principer gäller oavsett om du använder dem, en riktig fond eller en monterad bakgrund. ### Undvik - Klar färg eller detaljer direkt bakom huvudet - Mättade färger nära hudtoner - Snabb rörelse eller färgcykler - En bakgrund som är ljusare än ansiktet ### Gör så här - En lugn yta, mörkare än ansiktet - Dämpade färger med en enda accent från varumärket - Långsam drift, eller ingen alls - Detaljer längs kanterna, bort från huvudet - Djup blågrön: `linear-gradient(180deg, #0b1f24 0%, #134e4a 60%, #0f766e 100%)` - Plommonskymning: `linear-gradient(180deg, #1a0f24 0%, #3b1d4a 55%, #6b2d5c 100%)` - Varm grafit: `linear-gradient(180deg, #151312 0%, #2b2522 60%, #4a3b33 100%)` - Midnattsblå: `linear-gradient(180deg, #0b1020 0%, #1e2a4a 60%, #33467a 100%)` Mörka botten med låg mättnad som ligger bakom ett ansikte utan att konkurrera. Var och en lyfter lite mot nederkanten, bort från huvudet. ## Bakgrunder för videor med bara text Många Reels och TikToks har inget filmat material alls: ett tips, ett citat eller ett tillkännagivande över en rörlig bakgrund med musik. Här är bakgrunden hela bilden, så den kan vara rikare, men orden måste ändå gå att läsa på den sekund eller två folk ger dem. Håll texten stilla när den väl visas och låt bakgrunden bära rörelsen. - **En rörlig gradient** bakom en enda rad, som ett tips eller ett påstående. Se [animerad gradientbakgrund](https://gradiently.design/sv/guide/animated-gradient-background). - **En stilla gradient med rörlig typografi**, där orden kommer i följd och sedan står kvar. - **En långsam texturloop**, som korn eller siden, för stilla och lugna klipp. - **En delad ram**, med text på en lugn yta överst och en produkt eller en skärminspelning under. Kontrollera kontrasten över hela loopen: ett ljust parti som driver förbi bakom vita ord halvvägs in är det vanligaste felet. [Text på gradient](https://gradiently.design/sv/guide/text-on-gradient) visar hur du hittar den lugna zonen och väljer färg på texten. ## Hur snabbt en Reels-bakgrund ska röra sig Långsamt. Vertikal video har redan mycket som händer: talaren, bildtexter, klipp, appens knappar. En bakgrund som rör sig snabbt lägger brus ovanpå allt det. En hel förändringscykel som tar många sekunder räcker för att kännas levande. Är klippet kortare än bakgrundens loop går det bra, är det längre måste du se till att loopen går ihop utan hack, som i [så gör du en sömlös loop](https://gradiently.design/sv/guide/seamless-loop-video). | Tempo | En hel cykel | Använd det till | | --- | --- | --- | | Långsamt | 15 sekunder eller mer | Bakom en talare, lugna tips, allt med många ord | | Jämnt | Runt 8 till 12 sekunder | Klipp med bara text och en kort rad | | Rappt | Under 6 sekunder | Teasers inför lanseringar och nedräkningar, sparsamt | Utgångspunkter snarare än regler. Väljer du osäkert, välj det långsammare. ## En enhetlig bakgrund för en serie Skapare som publicerar i serier, som veckotips eller avsnittssammanfattningar, kan låta bakgrunden vara seriens identitet. Samma yta, samma färger och samma plats för orden gör varje ny video igenkännbar innan någon läst den, och får profilens rutnät att se planerat ut i stället för slumpmässigt. Omslaget betyder lika mycket som videon. Se [storlek på TikTok-omslag](https://gradiently.design/sv/guide/tiktok-cover-size). En vertikal tipsvideoruta märkt Tips 3 på en gradientbakgrund En serie, en bakgrund… Nästa tips i samma serie med samma bakgrund och layout …så att varje avsnitt känns igen innan det läses. 1. **Ställ in ramen** Arbeta i 1080 × 1920 och markera de ytor som appen täcker: nedersta fjärdedelen ungefär och högerkanten. 2. **Välj en lugn botten** Mörk och med låg mättnad bakom en talare, rikare för klipp med bara text. 3. **Placera orden** I övre mitten för rubriker, aldrig i bildtextområdet, och så stora att de går att läsa på en telefon på armlängds avstånd. 4. **Lägg till långsam rörelse** En mjuk drift eller ett andande ljus. Håll texten stilla när den väl visas. 5. **Förhandsgranska i appen** Ladda upp ett utkast och titta på det med gränssnittet ovanpå innan du publicerar. I Gradiently finns Story- och Reels-formatet inbyggt, och varje design kan exporteras som en loopande video där Marken rör sig bakom stilla ord, vilket är precis den här sortens bakgrund. För ett grepp som gäller hela din närvaro som skapare, se [ett enhetligt utseende för skapare](https://gradiently.design/sv/guide/creator-branding). ## FAQ ### Vilken storlek har en bakgrund för Reels eller TikTok? 1080 × 1920 pixlar, en vertikal 9:16-ram. Samma original fungerar för Instagram Reels, TikTok och YouTube Shorts. ### Var ska texten ligga i en Reel eller TikTok? I övre mitten av ramen. Appens bildtext, ljud och kontonamn täcker nederkanten, och dess knappar löper längs högerkanten. ### Vad gör en bra bakgrund för en video med talande person? En lugn, dämpad yta som är mörkare än ansiktet, med lite detaljer nära huvudet och långsam rörelse eller ingen alls. ### Kan jag använda en rörlig gradient som Reels-bakgrund? Ja. Håll rörelsen långsam, låt orden stå stilla när de väl visas och kontrollera att texten går att läsa i varje ögonblick av loopen.