Mach einen Twitch-QR-Code für dein Overlay oder deinen Stand

Gib deinen Kanalnamen ein, gestalte den Code passend zu deiner Marke und lade einen herunter, der twitch.tv in der App oder im Browser öffnet - groß und kontrastreich genug, um einen Video-Encoder zu überleben.

1 Inhalt
https://
Keine Registrierung nötig Unbegrenzte QR-Codes Kein Wasserzeichen Free high-resolution downloads
2 Design
Form
Muster
Augen
3 Vorschau
Kopiert!

Was ist ein Twitch-QR-Code?

Ein Twitch-QR-Code ist ein QR-Code, der die Webadresse eines Twitch-Kanals, Videos oder Clips speichert. Beim Scannen öffnet sich diese Seite in der Twitch-App, wenn sie installiert ist, sonst im mobilen Browser. Die Adresse steckt im Muster, der Code funktioniert also vom gedruckten Banner genauso wie vom Bildschirm - ohne irgendetwas dahinter.

Der KoloQR-Designer mit einem QR-Code in Bearbeitung - Form, Farben und zentriertes Logo

Ein Code im Overlay muss den Encoder überleben

Die meisten Twitch-Codes werden im Stream gezeigt statt gedruckt, und eine Live-Videokette ist feinem Detail auf drei ganz bestimmte Weisen feindlich:

  • Kompression - Video-Encoder geben ihre Bitrate für das aus, was sich bewegt, und hungern kontrastreiches Feindetail aus - und genau das ist ein QR-Muster. Kleine Module verschmieren zu Grau.
  • Herunterskalierung - wer mit 480p zusieht, sieht dein 1080p-Overlay in weniger als einem Viertel der Größe. Ein Code, der auf deiner Leinwand 120 px misst, liegt auf seinem Bildschirm unter 60 px - und damit unter dem, was ein Scanner auflösen kann.
  • Zeit auf dem Bildschirm - eine Kamera braucht ein bis zwei Sekunden ruhigen Bildausschnitt. Ein Code, der bei einem Übergang drei Sekunden lang aufblitzt, ist weg, bevor jemand zum Handy gegriffen hat.

Praktisch heißt das: Ein Overlay-Code muss deutlich größer und deutlich lichter sein als ein gedruckter. Ziel sind mindestens 220 px im Quadrat auf einer 1080p-Leinwand, nimm die kurze Kanal-URL statt eines Clip-Links, halte ihn in reinem Schwarz auf reinem Weiß und lass ihn eine ganze Minute stehen statt nur einen Wimpernschlag.

Dein Kanal sind zwei verschiedene Seiten

Eine twitch.tv-Kanaladresse löst auf das auf, was der Kanal gerade tut - das unterscheidet sie von jedem anderen Social-Profil-Link. Live öffnet sie den Stream, und der Scan tut genau das, was du dir erhofft hast. Offline - und das ist für die meisten Kanäle die meiste Zeit der Woche - öffnet dieselbe Adresse den Offline-Bildschirm: dein Banner, deine Panels, deine letzten Videos und Clips. Auf dieser zweiten Seite landet ein gedruckter Code weit häufiger als auf der ersten, denn ein Messestand, eine Merch-Beilage oder eine Visitenkarte wird zu einem Zeitpunkt gelesen, den niemand gewählt hat. Also ist die Offline-Kanalseite das, wofür du tatsächlich gestalten solltest. Füll die Panels, hefte einen Trailer oder ein aktuelles Highlight als Offline-Video an und sorg dafür, dass der Sendeplan sichtbar ist - denn für Erstbesuchende, die von einem gedruckten Quadrat kommen, ist diese Seite das ganze Twitch. Für alles, was du live im Stream zeigst, passt derselbe Code dann ohnehin - er löst nur auf die bessere Version der Seite auf.

QR-Code erstellen
Ein Handy scannt einen gedruckten QR-Code zum Test vor der Auflage

Wo Twitch-QR-Codes eingesetzt werden

Wer Twitch schaut, sitzt meist ohnehin vor einem Bildschirm - ein Code verdient sich seinen Platz also in den Momenten, in denen das nicht so ist, oder auf einem zweiten Bildschirm in Reichweite:

Stream-Overlays und Gleich-geht-es-los-Szenen

Der Bildschirm vor dem Stream ist der eine Ort, an dem ein Code Minuten statt Sekunden hat - und wer am Rechner sitzt, kann ihn mit dem Handy scannen.

Messestände und Conventions

Ein metergroßer Code auf einem Roll-up ist die Art, wie ein Creator aus einer Schlange von Vorbeigehenden Kanalbesuche macht.

Esport-Events und LAN-Locations

Beschilderung neben der Bühne zeigt auf den Kanal, der später das VOD trägt - genau das, was die Leute am nächsten Morgen suchen.

Merch-Beilagen und Sticker-Sets

Die Karte im Paket wird einmal und in Ruhe gelesen, von jemandem, der dich schon mag - die beste Conversion, die ein gedruckter Code bekommt.

Plakate für Charity-Streams

Gedruckte Plakate in einer Location erreichen die Leute im Raum, und ein Code ist der einzige Weg, auf dem sie beim richtigen Kanal ankommen.

Visitenkarten für Creator und Caster

Ein Quadrat trägt einen Kanalnamen, den niemand buchstabieren muss - was zählt, sobald Ziffern darin vorkommen.

So erstellst du einen Twitch-QR-Code

Vom Kanalnamen zum Download in weniger als einer Minute:

QR-Code erstellen
  1. 1

    Twitch wählen und Kanalnamen eingeben

    Tipp den Kanalnamen so ein, wie er in deiner URL steht - KoloQR setzt twitch.tv/ davor. Für ein bestimmtes Video oder einen Clip füg stattdessen die vollständige URL ein.

  2. 2

    Für alles Langlebige den Kanal nehmen, nicht einen Clip

    Eine Kanal-URL ist kurz und dauerhaft. Clip- und VOD-Links sind länger, ergeben ein dichteres Muster und laufen mit der Aufbewahrungsfrist des Videos ab.

  3. 3

    Gestalten, aber die Module schwarz lassen

    Wähl eine Form und setz dein Logo ein. Twitch-Lila ist ein Mittelton - als Hintergrund oder Rahmen in Ordnung, als Musterfarbe unzuverlässig, erst recht nachdem ein Encoder daran war.

  4. 4

    Exportieren und über den echten Weg testen

    Für den Druck exportier SVG oder PDF. Für ein Overlay exportier PNG in der 2- bis 3-fachen Größe, die du zu brauchen glaubst, und teste dann, indem du deinen eigenen Stream mit dem Handy bei 480p scannst - nicht, indem du die Datei am Schreibtisch scannst.

Der KoloQR-Generator mit einem QR-Code im Entwurf, bereit zum Herunterladen

Welches Dateiformat solltest du herunterladen?

KoloQR exportiert deinen Twitch-QR-Code in drei Formaten. Entscheide danach, wo er zu sehen sein wird:

  • PNG für Overlays, Panels und Social Posts - exportier ihn größer als den Platz und lass die Szene ihn verkleinern, nie vergrößern.
  • SVG für Roll-ups, Standgrafik und Aufkleber, wo eine Druckerei ihn skaliert und die Kanten hart bleiben müssen.
  • PDF für die Übergabe an eine Druckerei oder an den Beschilderungsdienstleister eines Events in druckfertiger Qualität.

Overlay-Arbeit ist der eine Fall, in dem ein überdimensioniert exportiertes PNG die richtige Antwort ist. Ein Code, der mit 240 px platziert und auch mit 240 px exportiert wurde, hat keine Reserve; mit 720 px exportiert und in der Szene verkleinert, landet jede Modulkante auf einer sauberen Pixelgrenze - und genau das gibt dem Encoder etwas Festes, woran er sich halten kann.

QR-Code erstellen

Best Practices für Twitch-QR-Codes

Die Hälfte davon dreht sich um Video - und genau das macht einen Twitch-Code anders als jeden anderen Social-Code, den du erstellen wirst:

  • Mach Overlay-Codes mindestens 220 px im Quadrat

    Auf einer 1080p-Leinwand übersteht das den Sturz auf 480p mit noch auflösbaren Modulen. Alles unter etwa 150 px ist Dekoration statt scannbarer Code.

  • Lass ihn eine Minute stehen, nicht einen Wimpernschlag

    Wer zusieht, muss den Code bemerken, das Handy finden, es entsperren und den Bildschirm ins Bild nehmen. In den Gleich-geht-es-los- und Bin-gleich-zurück-Szenen ist diese Zeit da.

  • Halte ihn für Video in reinem Schwarz auf reinem Weiß

    Farbe und wenig Kontrast kosten dich im Stream doppelt: einmal durch den Encoder, einmal durch die Bildschirmeinstellungen der Zuschauenden. Heb die Gestaltung für den Druck auf, wo nichts Detail wegwirft.

  • Setz ihn auf einen statischen Teil der Szene

    Encoder verteilen Bitrate nach Bewegung. Ein Code über dem Gameplay wird in jedem Einzelbild neu kodiert; ein Code auf einem ruhigen Panel oder einem einfarbigen Hintergrund nicht.

  • Nimm die Kanal-URL, nicht einen Clip

    twitch.tv/deinname hat etwa 22 Zeichen. Eine Clip-URL läuft über 60 und ergibt ein Muster mit rund doppelt so vielen Modulen - das Gegenteil von dem, was Video braucht.

  • Gestalte die Offline-Seite, bevor du druckst

    Ein gedruckter Code landet die meiste Zeit auf dem Offline-Bildschirm. Panels, ein angehefteter Trailer und ein sichtbarer Sendeplan sind das, was Erstbesuchende tatsächlich sehen.

  • Sag, was der Scan bringt

    „Scannen und live zusehen“ und „scannen fürs VOD“ fragen nach verschiedenen Momenten. Ein nacktes Quadrat neben einem Logo fragt nach gar nichts.

  • Schütze die Ruhezone

    Vier Module freier Rand - und im Overlay muss dieser Rand durchgehender Hintergrund sein: Ein Code, der direkt am Gameplay klebt, hat überhaupt keine Ruhezone.

  • Bemesse gedruckte Codes nach der Entfernung

    Etwa ein Zehntel der Leseentfernung: rund 2 cm auf einer Merch-Beilage, 30-50 cm auf einem Messebanner, das aus 3-5 Metern gelesen wird.

  • Teste in der schlechtesten Qualität, die deine Zuschauenden nutzen

    Scanne deinen eigenen Stream mit einem Handy, dessen Qualität du auf 480p festsetzt. Liest er dort, liest er überall; testest du nur die Quelldatei, hast du nichts getestet.

Warum dein Twitch-QR-Code nicht funktioniert

Ein Twitch-Code scheitert meist auf dem Weg zu den Zuschauenden und nicht am Muster. Diese vier decken fast jeden Fall ab.

  • Er scannt aus der Datei, aber nicht aus dem Stream

    Ursache
    Der Video-Encoder zerstört die Modulkanten. Kompression hungert feines, kontrastreiches Detail aus, und wer in niedrigerer Qualität zusieht, bekommt zusätzlich eine herunterskalierte Fassung.
    Lösung
    Mach ihn größer - mindestens 220 px auf einer 1080p-Leinwand -, setz ihn auf einen statischen Hintergrund statt über das Gameplay und stell ihn auf reines Schwarz auf Weiß um. Dann neu testen, indem du deinen eigenen Stream bei 480p scannst.
  • Niemand scannt ihn, obwohl er einwandfrei liest

    Ursache
    Er ist während eines Übergangs ein paar Sekunden zu sehen, oder er steht in einer Szene, in der die Zuschauenden zusehen statt zu warten. Es bleibt keine Zeit, zum Handy zu greifen.
    Lösung
    Häng ihn in die Gleich-geht-es-los- oder die Bin-gleich-zurück-Szene und lass ihn dort das ganze Segment über stehen. Das sind die einzigen Momente in einem Stream, die Zeit übrig haben.
  • Der Scan landet auf einem leer wirkenden Kanal

    Ursache
    Der Kanal ist offline, und der Offline-Bildschirm hat keine Panels, kein angeheftetes Video und keinen Sendeplan - Erstbesuchende sehen also ein Banner und sonst nichts zu tun.
    Lösung
    Behandle die Offline-Seite als die Landingpage, die sie ist: heft ein Highlight als Offline-Video an, füll die Panels und veröffentliche den Sendeplan. Der Code ist in Ordnung; die Seite, auf der er landet, war leer.
  • Ein Clip-Link funktioniert nicht mehr

    Ursache
    Twitch-VODs und -Clips haben Aufbewahrungsfristen, die vom Kontotyp abhängen, und Clips können mit dem Video verschwinden, aus dem sie stammen. Ein gedruckter Clip-Link zeigt auf etwas Vorläufiges.
    Lösung
    Lass gedruckte und langlebige Codes auf den Kanal zeigen und nimm Clip-Links nur für kurze Kampagnen, die du nicht druckst. Exportier den Clip als Highlight, wenn er überleben soll.

Immer noch unklar, ob die Datei oder der Druck schuld ist? Zieh das exportierte Bild in den QR-Code-Scanner - dekodiert es am Rechner, aber nicht auf Papier, ist der Fehler nach der Datei entstanden.

Questions? Answered

Ein Twitch-QR-Code speichert die Webadresse eines Twitch-Kanals, Videos oder Clips. Beim Scannen mit der Handykamera öffnet sich diese Seite in der Twitch-App, wenn sie installiert ist, sonst im Browser.

Wähl in KoloQR den Typ Social, dann Twitch, und gib deinen Kanalnamen ein. Gestalte Form, Farben und Logo nach Wunsch und lade PNG für ein Overlay oder SVG für den Druck herunter. Kein Konto nötig.

Mindestens 220 px im Quadrat auf einer 1080p-Leinwand. Wer mit 480p zusieht, bekommt weniger als ein Viertel davon, und unterhalb von etwa 60 px auf seinem Bildschirm löst kein Scanner die Module auf.

Der Encoder verschmiert die Modulkanten. Kompression hungert feines Detail aus, und wer in niedrigerer Qualität zusieht, bekommt zusätzlich eine herunterskalierte Fassung. Mach ihn größer, setz ihn auf einen statischen Hintergrund und nimm reines Schwarz auf Weiß.

Auf deinen Kanal. twitch.tv/deinname hat etwa 22 Zeichen und bleibt bestehen; eine Clip-URL läuft über 60, ergibt ein deutlich dichteres Muster und kann mit der Aufbewahrungsfrist des Videos ablaufen.

Auf deinem Offline-Kanalbildschirm - Banner, Panels, Sendeplan und letzte Videos. Gedruckte Codes landen dort weit häufiger als in einem Livestream, behandle diese Seite also als das eigentliche Ziel.

Für den Druck manchmal - teste die exportierte Datei. Für ein Overlay nicht: Lila ist ein Mittelton, und wenn der Encoder und der Bildschirm der Zuschauenden sich beide einen Teil des Kontrasts genommen haben, bleibt zu wenig übrig.

Mindestens eine volle Minute. Die Zuschauenden müssen ihn bemerken, ein Handy finden, es entsperren und den Bildschirm ins Bild nehmen. In den Gleich-geht-es-los- und Bin-gleich-zurück-Szenen ist diese Zeit im Stream da.

Nein. Ohne App öffnet der Link die mobile Webversion des Kanals, die Streams und VODs im Browser abspielt. Mit App springt das Telefon direkt hinein.

Von sich aus nicht - bei einem statischen Code sitzt kein Server dazwischen. Lass ihn auf einen Link zeigen, den du kontrollierst und der Tracking hat, und leite von dort auf Twitch weiter. Ein Discord-QR-Code ist der eine Fall, in dem die Plattform für dich zählt, denn Discord zählt Nutzungen pro Einladung.

Warum KoloQR?

  • Erstelle QR-Codes für Websites, Speisekarten, Wi-Fi, PDFs und Visitenkarten
  • Passe Farben, Logos und einzigartige Formen an
  • Lade hochwertige PNG- und SVG-Dateien herunter
  • Für Print und Digital gemacht
QR-Code erstellen
Ein einfacher schwarzer QR-Code neben demselben Code, umgestaltet als Kreis mit Markenfarben