# Stream achtergronden, panelen en offline schermen [Canonical HTML page](https://gradiently.design/nl/guide/stream-overlay-background) Een kanaal oogt professioneel wanneer het offline scherm, de panelen, de banner en de scèneachtergronden duidelijk één familie zijn. Zo bouw je die set, op de juiste formaten, zonder met je encoder te vechten. ## The short version - Een set stream achtergronden is de groep beelden die een kanaal rond zijn video gebruikt: het offline scherm, de profielbanner, de panelen en de achtergronden van scènes zoals starting soon en be right back. - Het offline scherm van Twitch is 1920×1080, de profielbanner 1200×480 en de infopanelen 640×320. - Elk beeld van een kanaal hoort één achtergrond, één letterstijl en één accentkleur te delen, zodat kijkers het kanaal overal herkennen. - Trage, zachte beweging past bij stream achtergronden, omdat snelle beweging en zware korrel meer bitrate gebruiken en op de stream blokkerig kunnen worden. - Scèneachtergronden horen rustige ruimte te laten op de plek van de webcam, de chat en de alerts, zodat die leesbaar blijven. Een goede **stream achtergrond** is niet één beeld maar een set: het offline scherm dat mensen zien wanneer je niet live bent, de profielbanner, de panelen onder je video, en de achtergronden achter scènes zoals starting soon, be right back en just chatting. Wanneer die allemaal één achtergrond, één letterstijl en één accentkleur delen, oogt het kanaal bewust en herkenbaar. Wanneer elk op een andere dag uit een andere template is gemaakt, oogt het als een kanaal dat zichzelf nog zoekt. Een breedbeeldscherm met de woorden We beginnen zo op een gloeiende achtergrond met kleurverloop Een starting soon-scène… Een breedbeeld offline scherm met de tekst Morgen weer op hetzelfde kleurverloop als de starting soon-scène …en het offline scherm, uit dezelfde achtergrond. Deze gids behandelt de formaten, waar elk beeld voor dient, hoe je ze consistent houdt, en de details die specifiek zijn voor streams: beweging, bitrate en ruimte laten voor je camera en chat. Voor kanaalbranding die verder gaat dan beelden gaat [branding voor contentmakers](https://gradiently.design/nl/guide/creator-branding) dieper. ## Formaten van stream achtergronden voor Twitch - Offline scherm 1920×1080: 1920 × 1080 - Profielbanner 1200×480: 1200 × 480 - Paneel 640×320: 640 × 320 De drie kanaalbeelden van Twitch, op schaal getekend. | Onderdeel | Formaat | Waar het te zien is | | --- | --- | --- | | Offline scherm | 1920×1080 | De videospeler wanneer je niet live bent | | Profielbanner | 1200×480 | Over de bovenkant van je kanaalpagina | | Panelen | 640×320 | Onder de speler: over, schema, regels, links | | Scèneachtergronden | 1920×1080 | Achter je camera en overlays op een 1080p-canvas | Formaten uit het aanbevolen uploadformaat van elk platform. Scènes gebruiken het formaat van je streamcanvas, meestal 1920×1080. Stream je ook naar YouTube of heb je een Discord-server, dan breidt dezelfde set uit naar een YouTube-kanaalbanner van 2560×1440, thumbnails van 1280×720 en een Discord-serverbanner van 960×540. [Afbeeldingsformaten voor social media](https://gradiently.design/nl/guide/social-media-image-sizes) somt de rest op. ## De scènes die elk kanaal nodig heeft - **Starting soon.** Een aftelling of een simpele regel terwijl kijkers binnenkomen. Muziek, de streamtitel en niets wat je van dichtbij moet lezen. - **Just chatting of hoofdscène.** De achtergrond achter je camera en chat. Het rustigste beeld van de set, omdat het het langst in beeld is. - **Be right back.** Korte pauzes. Dezelfde achtergrond als starting soon met andere woorden houdt het vertrouwd. - **Einde.** Een bedankje, het tijdstip van de volgende stream en misschien een raiddoel. - **Offline scherm.** Wat mensen tussen streams zien: je schema en waar ze je verder kunnen vinden. Bouw ze in die volgorde van belang: de achtergrond van de hoofdscène draagt het kanaal, dus ontwerp die eerst en leid de andere ervan af. ## Zo houd je een set stream achtergronden consistent 1. **Kies één achtergrond** Kies één kleurverloop of materiaal en gebruik het voor elk beeld. Afwisseling komt uit woorden en layout, niet uit nieuwe achtergronden. [Merkconsistentie](https://gradiently.design/nl/guide/brand-consistency) legt uit waarom herhaling herkenning opbouwt. 2. **Kies één letterstijl** Eén displayletter voor titels, één leesbaar lettertype voor details zoals schema’s. Houd de groottes ruim: een groot deel van je publiek kijkt op telefoons en tv’s. 3. **Kies één accentkleur** Gebruik die voor alerts, highlights en de live-indicator. Haal haar uit het palet van de achtergrond, zodat alles bij elkaar hoort. 4. **Render elk formaat, snijd niet bij** Een banner van 1200×480 is geen uitsnede van een scherm van 1920×1080. Maak elk formaat opnieuw op, zodat het helderste deel van de achtergrond zit waar het hoort. 5. **Schrijf het op** Bewaar de kleuren, lettertypen en bestanden in één map, zodat moderators en editors dezelfde beelden gebruiken. Een [brand kit](https://gradiently.design/nl/guide/brand-kit) doet precies dit. Een klein paneel met het streamschema Di t/m za, 20.00 uur op het kleurverloop van het kanaal Een schemapaneel van 640×320, op dezelfde achtergrond als de scènes hierboven. ## Beweging, bitrate en stream achtergronden Bewegende achtergronden laten een scène leven, en een loopende video voeg je in de meeste streamingsoftware toe als mediabron die op herhalen staat. Maar alles in beeld concurreert om de bitrate van je stream. Video-encoders besteden meer data aan detail dat elk frame verandert, dus snelle beweging, flikkering en zware korrel zijn duur, en wanneer het budget op is wordt het beeld blokkerig. Trage, brede kleurbeweging is goedkoop om te coderen en oogt vloeiend. ### Kost bitrate - Snelle, drukke deeltjeseffecten - Zware, geanimeerde filmkorrel - Scherpe patronen die elk frame verschuiven - Loops met een zichtbare sprong bij de herstart ### Codeert schoon - Trage kleurverschuiving over grote vlakken - Lichte, statische korrel of geen - Zachte kleurverlopen met rustige beweging - Een naadloze loop van 10 seconden of meer De ideale loop heeft geen zichtbaar begin of einde; [naadloze loops](https://gradiently.design/nl/guide/seamless-loop-video) legt uit hoe dat werkt. Gradiently exporteert ontwerpen als naadloze loopende video’s van 5 tot 30 seconden met de beweging, het tempo en de kleur die jij kiest, en dat past goed bij scèneachtergronden. ## Laat ruimte voor camera, chat en alerts Een scèneachtergrond is grotendeels bedekt. Schets waar de webcam, het chatvak, de alerts en eventueel het spelbeeld staan, en houd het helderste, drukste gebied van de achtergrond daar weg. Tekst op overlays heeft rustige, gelijkmatige kleur erachter nodig; de technieken in [tekst op een achtergrond met kleurverloop](https://gradiently.design/nl/guide/text-on-gradient) zijn direct toepasbaar. Een achtergrond die stille ruimte laat voor deze elementen, oogt alsof hij om je content heen is ontworpen in plaats van erachter. > **Controleer het op telefoonformaat** Verklein een screenshot van je livescène tot de breedte van een telefoon. Zijn de woorden op je overlays en panelen daar lastig te lezen, maak ze dan groter of simpeler. ## FAQ ### Welk formaat heeft een offline scherm van Twitch? 1920×1080 pixels, dezelfde 16:9-vorm als de videospeler. ### Welk formaat hebben panelen op Twitch? Ontwerp panelen op 640×320 pixels. Ze staan onder de videospeler en bevatten je over-tekst, schema, regels en links. ### Welk formaat heeft een profielbanner op Twitch? 1200×480 pixels. Hij loopt over de bovenkant van je kanaalpagina. ### Moet mijn stream achtergrond geanimeerd zijn? Zachte beweging laat een scène leven, maar houd haar traag en breed. Snelle beweging en zware korrel gebruiken meer bitrate en kunnen de stream blokkerig maken. ### Hoe laat ik mijn streambeelden consistent ogen? Gebruik één achtergrond, één letterstijl en één accentkleur voor elk beeld, en maak elk formaat opnieuw op in plaats van één beeld bij te snijden.