Kortversjonen
- 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.
På denne siden
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-scene…
…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 lenger.
Størrelser på strømmebakgrunner for Twitch
Frakoblet-skjerm 1920×1080
1920 × 1080
Profilbanner 1200×480
1200 × 480
Panel 640×320
640 × 320
| 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 |
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 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 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 gjør akkurat dette.
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 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 gjelder direkte. En bakgrunn som gir stille plass til disse elementene, ser ut som den er designet rundt innholdet ditt og ikke bak det.
Spørsmål folk stiller
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.
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
