# Strømmebakgrunner, paneler og frakoblet-skjermer

[Canonical HTML page](https://gradiently.design/nb/guide/stream-overlay-background)

En kanal ser profesjonell ut når frakoblet-skjermen, panelene, banneret og scenebakgrunnene tydelig er én familie. Slik bygger du det settet, i riktige størrelser, uten å kjempe mot koderen din.

## The short version

- Et sett med strømmebakgrunner er gruppen av grafikk en kanal bruker rundt videoen sin: frakoblet-skjermen, profilbanneret, panelene og bakgrunnene i scener som starter snart og straks tilbake.
- Frakoblet-skjermen på Twitch er 1920×1080, profilbanneret 1200×480 og infopanelene 640×320.
- All grafikken til en kanal bør dele én bakgrunn, én skriftstil og én aksentfarge, så seerne kjenner igjen kanalen overalt.
- Langsom, myk bevegelse passer til strømmebakgrunner, fordi rask bevegelse og kraftig korn bruker mer bitrate og kan bli blokkete på strømmen.
- Scenebakgrunner bør ha rolig plass der webkameraet, chatten og varslene ligger, så de forblir lesbare.

En god **strømmebakgrunn** er ikke ett bilde, men et sett: frakoblet-skjermen folk ser når du ikke er live, profilbanneret, panelene under videoen din og bakgrunnene bak scener som starter snart, straks tilbake og just chatting. Når alle deler én bakgrunn, én skriftstil og én aksentfarge, ser kanalen gjennomtenkt og gjenkjennelig ut. Når hver del ble laget på en ny dag fra en ny mal, ser det ut som en kanal som fortsatt leter etter seg selv.

En starter snart-skjerm i bredformat med ordene Starter snart på en glødende gradientbakgrunn

En starter snart-scene…

En frakoblet-skjerm i bredformat med teksten Tilbake i morgen på samme gradient som starter snart-scenen

…og frakoblet-skjermen, fra samme bakgrunn.

Denne guiden tar for seg størrelsene, hva hver del er til, hvordan du holder dem enhetlige, og detaljene som er spesielle for strømming: bevegelse, bitrate og å gi plass til kameraet og chatten. For kanalprofil utover grafikk går [merkevarebygging for innholdsskapere](https://gradiently.design/nb/guide/creator-branding) lenger.

## Størrelser på strømmebakgrunner for Twitch

- Frakoblet-skjerm 1920×1080: 1920 × 1080
- Profilbanner 1200×480: 1200 × 480
- Panel 640×320: 640 × 320

De tre typene kanalgrafikk på Twitch, tegnet i riktig målestokk.

| Del | Størrelse | Hvor den vises |
| --- | --- | --- |
| Frakoblet-skjerm | 1920×1080 | Videospilleren når du ikke er live |
| Profilbanner | 1200×480 | Tvers over toppen av kanalsiden din |
| Paneler | 640×320 | Under spilleren: om, timeplan, regler, lenker |
| Scenebakgrunner | 1920×1080 | Bak kameraet og overleggene dine på et lerret i 1080p |

Størrelser fra hver plattforms anbefalte opplastingsstørrelse. Scener bruker størrelsen på strømmelerretet ditt, vanligvis 1920×1080.

Hvis du også strømmer til YouTube eller driver en Discord-server, utvides det samme settet til et kanalbilde for YouTube på 2560×1440, miniatyrbilder på 1280×720 og et serverbanner for Discord på 960×540. [Bildestørrelser for sosiale medier](https://gradiently.design/nb/guide/social-media-image-sizes) lister opp resten.

## Scenene hver kanal trenger

- **Starter snart.** En nedtelling eller en enkel linje mens seerne kommer. Musikk, tittelen på strømmen og ingenting som må leses nøye.
- **Just chatting eller hovedscene.** Bakgrunnen bak kameraet og chatten din. Den roligste delen i settet, fordi den er lengst på skjermen.
- **Straks tilbake.** Korte pauser. Samme bakgrunn som starter snart med andre ord holder det kjent.
- **Avslutning.** En takk, tidspunktet for neste strøm og kanskje et mål for et raid.
- **Frakoblet-skjerm.** Det folk ser mellom strømmene: timeplanen din og hvor de ellers finner deg.

Bygg dem i den rekkefølgen etter viktighet: bakgrunnen i hovedscenen bærer kanalen, så design den først og utled de andre fra den.

## Slik holder du et sett med strømmebakgrunner enhetlig

1. **Velg én bakgrunn** Velg én gradient eller ett materiale, og bruk det til hver del. Variasjonen kommer fra ord og oppsett, ikke fra nye bakgrunner. [Merkevarekonsistens](https://gradiently.design/nb/guide/brand-consistency) forklarer hvorfor gjentakelse bygger gjenkjennelse.
2. **Velg én skriftstil** Én displayskrift til titler, én lesbar skrift til detaljer som timeplaner. Hold størrelsene store: mye av publikummet ditt ser på mobil og TV.
3. **Velg én aksentfarge** Bruk den til varsler, fremhevinger og live-indikatoren. Hent den fra bakgrunnens palett, så alt hører sammen.
4. **Tegn hver størrelse, ikke beskjær** Et banner på 1200×480 er ikke et utsnitt av en skjerm på 1920×1080. Sett opp hvert format på nytt, så den lyseste delen av bakgrunnen ligger der den skal.
5. **Skriv det ned** Ha fargene, skriftene og filene i én mappe, så moderatorer og redigerere bruker de samme delene. Et [merkevaresett](https://gradiently.design/nb/guide/brand-kit) gjør akkurat dette.

En liten panelgrafikk som viser strømmetimeplanen Tirs. til lør., kl. 20 på kanalens gradient

Et timeplanpanel på 640×320, på samme bakgrunn som scenene over.

## Bevegelse, bitrate og strømmebakgrunner

Bakgrunner i bevegelse får en scene til å føles levende, og en video i loop kan legges til i de fleste strømmeprogrammer som en mediekilde satt til å gjentas. Men alt på skjermen konkurrerer om bitraten i strømmen din. Videokodere bruker mer data på detaljer som endres for hvert bilde, så rask bevegelse, flimring og kraftig korn er dyrt, og når budsjettet tar slutt, blir bildet blokkete. Langsom, bred fargebevegelse er billig å kode og ser jevn ut.

### Koster bitrate

- Raske, urolige partikkeleffekter
- Kraftig, animert filmkorn
- Skarpe mønstre som flytter seg for hvert bilde
- Looper med et synlig hopp ved omstart

### Kodes rent

- Langsom fargedrift over store områder
- Lett, statisk korn eller ingen
- Myke gradienter med mild bevegelse
- En sømløs loop på 10 sekunder eller mer

Den ideelle loopen har ingen synlig start eller slutt, og [sømløse looper](https://gradiently.design/nb/guide/seamless-loop-video) forklarer hvordan det fungerer. Gradiently eksporterer design som sømløse videoer i loop på 5 til 30 sekunder med den bevegelsen, det tempoet og den fargen du velger, noe som passer godt til scenebakgrunner.

## Gi plass til kamera, chat og varsler

En scenebakgrunn er for det meste dekket. Skisser hvor webkameraet, chatboksen, varslene og eventuelt spillopptak ligger, og hold så den lyseste og mest urolige delen av bakgrunnen unna dem. Tekst på overlegg trenger rolig, jevn farge bak seg, og teknikkene i [tekst på en gradientbakgrunn](https://gradiently.design/nb/guide/text-on-gradient) gjelder direkte. En bakgrunn som gir stille plass til disse elementene, ser ut som den er designet rundt innholdet ditt og ikke bak det.

> **Sjekk det i mobilstørrelse** Krymp et skjermbilde av live-scenen din til bredden av en mobil. Hvis ordene på overleggene og panelene dine er vanskelige å lese der, gjør du dem større eller enklere.

## FAQ

### Hvilken størrelse har en frakoblet-skjerm på Twitch?

1920×1080 piksler, samme 16:9-form som videospilleren.

### Hvilken størrelse har Twitch-paneler?

Design panelene i 640×320 piksler. De ligger under videospilleren og inneholder om, timeplan, regler og lenker.

### Hvilken størrelse har et profilbanner på Twitch?

1200×480 piksler. Det går tvers over toppen av kanalsiden din.

### Bør strømmebakgrunnen min være animert?

Mild bevegelse hjelper en scene til å føles levende, men hold den langsom og bred. Rask bevegelse og kraftig korn bruker mer bitrate og kan få strømmen til å se blokkete ut.

### Hvordan får jeg strømmegrafikken min til å se enhetlig ut?

Bruk én bakgrunn, én skriftstil og én aksentfarge til hver del, og sett opp hver størrelse på nytt i stedet for å beskjære ett bilde.