Hintergründe

Stream-Hintergründe, Panels und Offline-Bildschirme

Ein Kanal wirkt professionell, wenn Offline-Bildschirm, Panels, Banner und Szenen-Hintergründe klar eine Familie sind. So baust du dieses Set, in den richtigen Größen und ohne gegen deinen Encoder zu kämpfen.

GradientlyVerifiziertes Gradiently-Konto··4 Min. Lesezeit
Cover: Near Noon · GR·9D1W·HH

Die Kurzfassung

  • Ein Set aus Stream-Hintergründen ist die Gruppe von Grafiken, die ein Kanal rund um sein Video nutzt: Offline-Bildschirm, Profilbanner, Panels und die Hintergründe von Szenen wie Starting Soon und Be Right Back.
  • Der Offline-Bildschirm von Twitch misst 1920×1080, das Profilbanner 1200×480 und die Info-Panels 640×320.
  • Alle Grafiken eines Kanals sollten einen Hintergrund, einen Schriftstil und eine Akzentfarbe teilen, damit Zuschauer den Kanal überall erkennen.
  • Langsame, sanfte Bewegung passt zu Stream-Hintergründen, denn schnelle Bewegung und starke Körnung verbrauchen mehr Bitrate und können im Stream blockig werden.
  • Szenen-Hintergründe sollten dort ruhigen Raum lassen, wo Webcam, Chat und Alerts sitzen, damit diese lesbar bleiben.
Auf dieser Seite

Ein guter Stream-Hintergrund ist kein einzelnes Bild, sondern ein Set: der Offline-Bildschirm, den Leute sehen, wenn du nicht live bist, das Profilbanner, die Panels unter deinem Video und die Hintergründe hinter Szenen wie Starting Soon, Be Right Back und Just Chatting. Teilen alle einen Hintergrund, einen Schriftstil und eine Akzentfarbe, wirkt der Kanal bewusst und wiedererkennbar. Wurde jedes Teil an einem anderen Tag aus einer anderen Vorlage gemacht, wirkt er wie ein Kanal, der sich noch sucht.

Live um 20 Uhr
Gleich geht’s los
Hol dir was zu trinken, der Chat ist offen
Gradiently · @gradiently

Eine Starting-Soon-Szene …

Bis morgen
Di bis Sa, 20 Uhr

… und der Offline-Bildschirm, aus demselben Hintergrund.

Dieser Leitfaden behandelt die Größen, wofür jedes Teil da ist, wie du sie einheitlich hältst, und die Details, die nur beim Streamen zählen: Bewegung, Bitrate und Platz für Kamera und Chat. Für Kanal-Branding über Grafiken hinaus geht Branding für Content Creator weiter.

Größen für Stream-Hintergründe auf Twitch

Offline-Bildschirm 1920×1080

1920 × 1080

Profilbanner 1200×480

1200 × 480

Panel 640×320

640 × 320

Die drei Kanalgrafiken von Twitch, maßstabsgetreu.
TeilGrößeWo es erscheint
Offline-Bildschirm1920×1080Im Videoplayer, wenn du nicht live bist
Profilbanner1200×480Oben über deiner Kanalseite
Panels640×320Unter dem Player: Über mich, Zeitplan, Regeln, Links
Szenen-Hintergründe1920×1080Hinter Kamera und Overlays auf einem 1080p-Canvas
Größen nach der empfohlenen Upload-Größe der jeweiligen Plattform. Szenen nutzen die Größe deines Streaming-Canvas, meist 1920×1080.

Streamst du auch auf YouTube oder betreibst einen Discord-Server, erweitert sich dasselbe Set um ein YouTube-Kanalbild mit 2560×1440, Thumbnails mit 1280×720 und ein Discord-Server-Banner mit 960×540. Social-Media-Bildgrößen listet den Rest.

Die Szenen, die jeder Kanal braucht

  • Starting Soon. Ein Countdown oder eine einfache Zeile, während Zuschauer ankommen. Musik, der Stream-Titel und nichts, das man genau lesen muss.
  • Just Chatting oder Hauptszene. Der Hintergrund hinter Kamera und Chat. Das ruhigste Teil des Sets, weil es am längsten zu sehen ist.
  • Be Right Back. Kurze Pausen. Derselbe Hintergrund wie bei Starting Soon mit anderen Worten hält es vertraut.
  • Ende. Ein Dankeschön, die Zeit des nächsten Streams und vielleicht ein Raid-Ziel.
  • Offline-Bildschirm. Was Leute zwischen den Streams sehen: dein Zeitplan und wo man dich sonst findet.

Bau sie in dieser Reihenfolge der Wichtigkeit: Der Hintergrund der Hauptszene trägt den Kanal, also gestalte ihn zuerst und leite die anderen davon ab.

So hältst du ein Set aus Stream-Hintergründen einheitlich

  1. 1

    Wähle einen Hintergrund

    Nimm einen Farbverlauf oder ein Material und nutze es für jedes Teil. Abwechslung kommt aus Worten und Layout, nicht aus neuen Hintergründen. Markenkonsistenz erklärt, warum Wiederholung Wiedererkennung schafft.

  2. 2

    Wähle einen Schriftstil

    Eine Display-Schrift für Titel, eine gut lesbare Schrift für Details wie Zeitpläne. Halte die Größen groß: Ein großer Teil deines Publikums schaut auf Handys und Fernsehern.

  3. 3

    Wähle eine Akzentfarbe

    Nutze sie für Alerts, Hervorhebungen und die Live-Anzeige. Nimm sie aus der Palette des Hintergrunds, damit alles zusammengehört.

  4. 4

    Render jede Größe, statt zu beschneiden

    Ein Banner mit 1200×480 ist kein Ausschnitt eines Bildschirms mit 1920×1080. Ordne jedes Format neu an, damit der hellste Teil des Hintergrunds dort liegt, wo er hingehört.

  5. 5

    Schreib es auf

    Leg Farben, Schriften und Dateien in einen Ordner, damit Moderatoren und Editoren dieselben Teile nutzen. Ein Markenkit macht genau das.

Zeitplan
Di bis Sa, 20 Uhr
Gradiently · @gradiently

Ein Zeitplan-Panel mit 640×320, auf demselben Hintergrund wie die Szenen oben.

Bewegung, Bitrate und Stream-Hintergründe

Bewegte Hintergründe lassen eine Szene lebendig wirken, und ein Loop-Video lässt sich in den meisten Streaming-Programmen als Medienquelle mit Wiederholung einbinden. Aber alles auf dem Bildschirm konkurriert um die Bitrate deines Streams. Video-Encoder geben mehr Daten für Details aus, die sich in jedem Frame ändern, also sind schnelle Bewegung, Flackern und starke Körnung teuer, und wenn das Budget aufgebraucht ist, wird das Bild blockig. Langsame, großflächige Farbbewegung lässt sich günstig kodieren und sieht weich aus.

Kostet Bitrate

  • Schnelle, unruhige Partikeleffekte
  • Starke, animierte Filmkörnung
  • Scharfe Muster, die sich in jedem Frame verschieben
  • Loops mit sichtbarem Sprung beim Neustart

Lässt sich sauber kodieren

  • Langsames Farbtreiben über große Flächen
  • Leichte, statische Körnung oder gar keine
  • Weiche Farbverläufe mit sanfter Bewegung
  • Ein nahtloser Loop von 10 Sekunden oder mehr

Der ideale Loop hat keinen sichtbaren Anfang und kein Ende; nahtlose Loops erklärt, wie das funktioniert. Gradiently exportiert Designs als nahtlose Loop-Videos von 5 bis 30 Sekunden mit der Bewegung, dem Tempo und der Farbe, die du wählst, und das passt gut zu Szenen-Hintergründen.

Lass Platz für Kamera, Chat und Alerts

Ein Szenen-Hintergrund ist größtenteils verdeckt. Skizziere, wo Webcam, Chatbox, Alerts und eine eventuelle Spielaufnahme sitzen, und halte den hellsten, unruhigsten Bereich des Hintergrunds davon fern. Text auf Overlays braucht ruhige, gleichmäßige Farbe dahinter; die Techniken aus Text auf Farbverlauf gelten direkt. Ein Hintergrund, der für diese Elemente ruhigen Raum lässt, wirkt um deine Inhalte herum gestaltet statt einfach dahinter gelegt.

Häufige Fragen

Welche Größe hat ein Twitch-Offline-Bildschirm?

1920×1080 Pixel, dieselbe 16:9-Form wie der Videoplayer.

Welche Größe haben Twitch-Panels?

Gestalte Panels mit 640×320 Pixeln. Sie sitzen unter dem Videoplayer und enthalten Über mich, Zeitplan, Regeln und Links.

Welche Größe hat ein Twitch-Profilbanner?

1200×480 Pixel. Es läuft oben über deine Kanalseite.

Sollte mein Stream-Hintergrund animiert sein?

Sanfte Bewegung lässt eine Szene lebendig wirken, aber halte sie langsam und großflächig. Schnelle Bewegung und starke Körnung verbrauchen mehr Bitrate und können den Stream blockig aussehen lassen.

Wie sorge ich dafür, dass meine Stream-Grafiken einheitlich aussehen?

Nutze für jedes Teil einen Hintergrund, einen Schriftstil und eine Akzentfarbe und ordne jede Größe neu an, statt ein einziges Bild zu beschneiden.

Diesen Artikel teilen

Geschrieben von GradientlyVerifiziertes Gradiently-Konto

Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.

Unser Profil ansehen