Zum Hauptinhalt springen
ToolsByUs

Twitch-Bit-Badges erstellen

Twitch-Bit-Badges verwenden die gleichen drei quadratischen Größen wie Abonnenten-Badges – 72, 36 und 18 Pixel, jeweils unter 25 KB. Einmal zuschneiden, alle drei als ZIP exportieren und pro Cheer-Stufe wiederholen. Jede Datei wird vor dem Download gegen die Obergrenze geprüft.

Nur lokal

PNG, JPG, WebP oder GIF hierher ziehen

oder irgendwo auf der Seite ablegen · Datei auswählen · 100 MB

Unterstützt: PNG, JPG, JPEG, WebP, GIF, AVIF

Twitch-Bit-Badges erstellen erklärt

Bit-Badges zeigen, wie viel ein Zuschauer in Ihrem Channel gecheert hat, und sie kommen als Set: separates Kunstwerk für jeden Meilenstein des Cheerings, beginnend bei den ersten hundert Bits. Jedes Teil dieses Sets benötigt die gleichen drei quadratischen Exporte – 72, 36 und 18 Pixel – und jede Datei muss unter 25 KB bleiben.

Das Set macht den Prozess manuell mühsam. Neun Stufen mal drei Größen sind 27 Exporte, jeder mit einer Größenprüfung, und das in einem allgemeinen Bildeditor dauert einen ganzen Nachmittag. Einmaliger Zuschnitt pro Stufe hier erzeugt ein benanntes ZIP mit drei Dateien, was den Nachmittag in wenige Minuten verwandelt.

Das Designproblem ist dasselbe wie bei Abonnenten-Badges und etwas schwieriger: Bit-Stufen werden üblicherweise durch Farbe unterschieden, und Farben, die bei 72 Pixeln deutlich unterscheidbar sind, können bei 18 Pixeln auf einem dunklen Chat-Hintergrund zusammenlaufen. Die Seite exportiert die kleinste Größe, damit Sie das prüfen können, bevor Sie das Commiten des Sets.

Abonnenten-Badges verwenden die gleiche Geometrie, also die Seite für Abonnenten-Badges deckt die andere Hälfte der Arbeit ab.

Für alles, was die Plattform nicht vorschreibt, die restlichen Bildwerkzeuge handhaben Größen Ihrer Wahl.

Ein Bit-Badge-Set, Stufe für Stufe

Twitch definiert Cheer-Meilensteine und erwartet Kunstwerk für jeden, den Sie anpassen möchten. Die genauen verfügbaren Stufen hängen von Ihrem Affiliate- oder Partner-Status ab; die Geometrie ändert sich nicht dazwischen.

ElementAnforderungHinweis
Größen pro Stufe72, 36 und 18 pxAlle quadratisch, alle erforderlich
DateigrößeUnter 25 KB pro DateiBeim Upload erzwungen
FormatPNGTransparenter Hintergrund erwartet
StufenEin Bildset pro Cheer-MeilensteinSo viele anpassen wie gewünscht

Stufen bei 18 Pixeln unterscheidbar halten

Der herkömmliche Ansatz ist eine Farbpalette: Grau, Lila, Grün, Blau, Rot und so weiter nach oben. Das funktioniert bei 72 Pixeln und kann bei 18 Pixeln scheitern, wo ein gesättigtes Lila und ein gesättigtes Blau neben weißem Text auf einem dunklen Grund peripher kaum zu unterscheiden sind.

Zwei Dinge helfen. Variiern Sie Helligkeit ebenso wie Farbton, sodass sich die Stufen im Kontrast zum Chat-Hintergrund und nicht nur in der Farbe unterscheiden. Und ändern Sie die Silhouette bei den höheren Stufen leicht – ein Kranz, eine Spitze, eine andere Kontur – damit Form einen Teil der Unterscheidung trägt, die Farbe allein nicht leisten kann.

  • Varieren Sie die Helligkeit über die Palette, nicht nur den Farbton.
  • Geben Sie den oberen Stufen eine unterscheidbare Konturform neben der Farbe.
  • Prüfen Sie die 18-Pixel-Exporte nebeneinander, bevor Sie das Set hochladen.
  • Testen Sie gegen einen dunklen Hintergrund; Chat ist für die meisten Zuschauer dunkel.

Warum das Byte-Limit hier selten eine Rolle spielt

Bit-Badge-Kunstwerke sind von Natur aus flach und einfach, und ein flaches Kunstwerk von 72 Pixeln ist als PNG ein paar Kilobyte – weit entfernt von der 25-KB-Obergrenze. Die Grenze wird nur dann zum Problem, wenn eine Stufe als gerundeter Edelstein oder fotorealistische Textur geliefert wird, und diese Stufen sind bei 18 Pixeln ohnehin kaum lesbar.

Wenn eine Datei tatsächlich das Limit überschreitet, weist die Seite darauf hin, und die Lösung ist entweder Vereinfachung oder ein WebP-Export, bei dem die Qualitätsfindung eine passende Einstellung liefern kann. PNG hat keinen Qualitätsregler, weshalb die Messung angezeigt und nicht stillschweigend ignoriert wird.

Effizient durch ein Set arbeiten

Laden Sie die erste Stufe hoch, setzen Sie den Zuschnitt, exportieren Sie, dann laden Sie die nächste Datei – die Zuschneideeinstellungen bleiben dort, wo Sie sie gelassen haben, sodass ein Set auf einem konsistenten Canvas die Rahmen einmal festlegen muss. Jede ZIP-Datei ist nach dem Badge und nicht nach der Stufe benannt, also benennen Sie sie um, während Sie exportieren, wenn Sie viele auf einmal erstellen.

Häufig gestellte Fragen

Wie groß sind Twitch-Bit-Badges?

72 × 72, 36 × 36 und 18 × 18 Pixel, dieselbe Dreiergruppe, die Abonnenten-Badges verwenden, mit derselben 25-KB-Obergrenze pro Datei. Ein vollständiges Cheer-Set benötigt dieses Trio für jeden Meilenstein, den Sie anpassen möchten.

Wie viele Bit-Badge-Stufen muss ich erstellen?

Nur die, die Sie anpassen möchten. Twitch liefert Standardkunstwerk für jeden Cheer-Meilenstein, und ein Channel kann so wenige oder so viele ersetzen, wie er möchte. Die meisten Channels beginnen mit den unteren Stufen, die die Zuschauer tatsächlich erreichen.

Warum sehen meine Cheer-Stufen im Chat gleich aus?

Weil eine Palette nur mit Farbton bei 18 Pixeln auf einem dunklen Hintergrund ihre Unterscheidbarkeit verliert. Varieren Sie die Helligkeit über das Set ebenso wie die Farbe, und geben Sie den höheren Stufen eine leicht andere Silhouette, damit Form und Kontrast die Unterscheidung tragen, die Farbton allein bei dieser Größe nicht leisten kann.

Sollten Bit-Badges einen transparenten Hintergrund haben?

Ja. Sie sitzen inline neben einem Benutzernamen auf einem Hintergrund, der sich zwischen Themes und Overlays unterscheidet, also ist ein solcher Block hinter dem Kunstwerk auffällig. Exportieren Sie PNG oder WebP und halten Sie den Alpharand sauber – ein weicher Halo zeigt als Rand bei kleinen Größen.

Kann ich dasselbe Kunstwerk für Bits und Abonnenten verwenden?

Technisch ja, da die Größen übereinstimmen, aber es verfehlt den Zweck: die beiden Badgetypen sagen Zuschauern unterschiedliche Dinge, und ein Channel, in dem Cheeren und Abonnieren identisch aussehen, verliert das Signal, das beide senden sollten. Wiederverwenden Sie den Stil, nicht die Form.

Lädt diese Seite mein Badge-Set irgendwo hoch?

Nein. Jeder Zuschnitt, Größenänderung, Kodierung und ZIP-Vorgang erfolgt in diesem Browser-Tab, ohne Beteiligung eines Servers. Für ein in Auftrag gegebenes Set, das noch nicht angekündigt wurde, ist das überprüfbar und nicht nur behauptet – das Network-Panel bleibt leer.

ToolsByUs-Team · Wie wir unsere Tools prüfen