Die meisten Plattformen nehmen ein Bild und erzeugen daraus, was sie brauchen. Twitch tut das für manche Plätze und weigert sich bei den beiden wichtigsten — Emotes und Abzeichen — weil in deren Anzeigegrößen automatisches Skalieren Matsch erzeugt.
Das Offline-Bild verdient mehr Aufmerksamkeit, als es üblicherweise bekommt. Für jeden Kanal, der gerade nicht live ist — und das sind die meisten Kanäle die meiste Zeit — ist es das Größte, was eine Besucherin sieht, genau dort, wo der Stream wäre. Ein Kanal ohne Offline-Bild zeigt allen, die zwischen zwei Streams ankommen, einen generischen Platzhalter.
Jedes Emote muss in 28 × 28, 56 × 56 und 112 × 112 Pixeln vorliegen, je unter 25 KB, als PNG mit Transparenz.
Twitch verkleinert die 112 für Sie. Das zuzulassen ist der häufigste Fehler von Emote-Zeichnerinnen, denn 28 × 28 sind insgesamt 784 Pixel, und automatische Reduktion macht aus einem detailreichen Entwurf bei dieser Größe einen farbigen Fleck.
Und die 28 ist die, die alle sehen. Sie ist die Größe im Chat — der ganze Zweck eines Emotes. Die 112 erscheint im Emote-Auswahlfenster und in Tooltips, also: dort, wo Sie es beurteilen, und sonst fast nirgends.
Der richtige Ablauf ist deshalb, die 112 zu zeichnen und dann die 28 zu öffnen und von Hand zu korrigieren: verschwundene Linien verdicken, zu Rauschen gewordenes Detail entfernen, den Kontrast hochziehen, die Silhouette vereinfachen, bis sie lesbar ist. Es ist dasselbe Argument wie bei einer ICO-Datei mit mehreren handgemachten Größen, und aus demselben Grund.
Was bei 28 Pixeln übersteht: ein Gesicht oder ein Gegenstand, eine starke Kontur, zwei oder drei klar unterschiedene Farben. Was nicht: Text jeder Art, dünne Linien, Verläufe, kleine Gesichtszüge und alles mit Hintergrund.
Diese Einschränkung betrifft nur Chat-Emotes und wird leicht übersehen, weil Sie Ihres mit ziemlicher Sicherheit im Dunkelmodus entworfen haben.
Der Twitch-Chat läuft in beiden Themes, und dasselbe Emote muss in beiden lesbar sein. Ein dunkles Emote ohne Kontur verschwindet im dunklen Chat; ein helles im hellen.
Die Standardlösung ist eine kontrastierende Kontur — ein heller Rand um einen dunklen Entwurf oder umgekehrt — oder ein Entwurf mit genug Eigenkontrast, dass ihn kein Hintergrund schluckt. Prüfen Sie beides vor dem Hochladen; es kostet eine Minute und entscheidet, ob ein Emote benutzt wird.
Und da Emotes transparente PNGs sind, exportieren Sie sie nie über ein Format ohne Alphakanal. Ein nach JPEG gewandeltes transparentes PNG kommt als schwarzes Quadrat an.
Abonnenten-Abzeichen brauchen 18 × 18, 36 × 36 und 72 × 72 Pixel, je unter 25 KB.
Achtzehn Pixel sind insgesamt 324 — weniger als ein Emote und weniger als ein Favicon. Dort ist Platz für eine einfache Form in zwei bis drei Farben und sonst nichts. Funktionierende Abzeichensätze sind meist eine erkennbare Silhouette, deren Farbe sich je Stufe ändert, statt einer eigenen Illustration pro Stufe.
Das ist die am häufigsten verschenkte Gelegenheit auf einem Twitch-Kanal.
Panels sind die Blöcke unter dem Stream mit Zeitplan, Regeln, Links und Ausrüstungsliste. Jedes Panel hat sowohl ein Bild als auch ein Textbeschreibungsfeld — und die meisten Kanäle packen alle Wörter ins Bild und lassen das Textfeld leer.
Damit wird ein Panel zu einem Bild von Text: Die Wörter lassen sich nicht markieren, kopieren, durchsuchen, übersetzen, vorlesen oder anklicken, wenn es Links sind. Zudem ist das Bild auf 320 Pixel fixiert, während der Text ordentlich umbricht.
Was funktioniert: das Bild als Kopfzeile nutzen — eine Titelleiste, ein Icon, ein Stück Markenauftritt, typischerweise 320 × 100 — und den eigentlichen Inhalt in das Beschreibungsfeld darunter setzen. Links in diesem Feld sind anklickbar; in ein Bild gemalte Links nicht.
Mit 1920 × 1080 ist das die großzügigste Fläche, die Twitch Ihnen gibt, und sie wird in der jeweiligen Playergröße gesehen — volle Breite am Schreibtisch, wenige Zentimeter am Telefon.
Es gilt dieselbe Regel wie für jedes Banner: ein paar große Wörter, kein Absatz. Kanalname, wann Sie streamen, und ein Weg, Sie anderswo zu finden. Alles Kleinere wird mobil unlesbar — und der in kleiner Schrift geschriebene Zeitplan ist genau der Teil, den jemand lesen wollte, der zwischen zwei Streams ankam.