Twitchスタンプとサブスクバッジの違いは？サイズを変える前に用途を選ぼう

チャットで「やった！」という気持ちを画像で送ってもらいたいなら、作るのは Twitchスタンプです。サブスクライバーの名前の横に、チャンネルへの支援を表すマークを付けたいなら、作るのは サブスクバッジです。同じキャラクターを使う場合でも、先に用途を決めてから、それぞれの画像を用意しましょう。

正方形のPNGを小さくするだけでは、どちらに使うかは決まりません。ここでは静止画の用途を比べます。ほかのサービスの形式はプラットフォーム別の画像サイズガイドを参照してください。

メッセージの一部か、名前の横のマークか

見事なプレイが決まり、視聴者が「ナイス！」と喜ぶキャラクターを送る。これがスタンプの役割です。笑う、驚く、感謝するなど、その発言で伝えたい反応を画像にします。

サブスクバッジは、名前の横でチャンネルへの支援を示すマークです。Twitchの公式開発者ブログ（英語）にも、名前の横を飾る画像という説明があります。この記事の対象は独自のサブスクバッジです。モデレーターや全体イベントのバッジは別の種類です。

表示位置を説明するオリジナルの概念図です。Twitchのスクリーンショットではなく、描かれたユーザーの資格を示すものでもありません。

二つのサイズセットで取り違えを防ぐ

Twitchの開発者資料には、スタンプの画像（英語）として28×28・56×56・112×112px、チャンネルのチャットバッジ（英語）として18×18・36×36・72×72pxの各バージョンが記載されています。共通のサイズから好きなものを選ぶのではなく、用途ごとに異なる組です。

フォルダーでは、スタンプ用かバッジ用かを先に確かめます。Hypeの28・56・112pxは同じ反応として照合し、バッジの18・36・72pxは別にまとめましょう。「小さい画像」「完成版」だけで管理するより、取り違えに気づきやすくなります。

二種類の画像を整理したオリジナルの比較図です。Twitchのアップロード画面や審査記録ではありません。

スタンプを72pxにしても、公式バッジやサブスク資格には結び付きません。バッジを112pxに拡大しても、反応を伝えるスタンプの設計が済むわけではありません。

一覧画像だけでなく、実際のPNGを開く

この記事のHypeの28pxスタンプ例と18pxのオリジナルバッジ例を開いてみてください。前者は既存のサイト例を現在の画像処理でローカルに整理したもの。後者は説明用に描いた図案で、ツールの出力ではありません。新しいAI生成やTwitchへの提出は行っていません。

「プレイに反応するため」「名前の横で支援を示すため」と目的を一文にし、ファイルのサイズと内容を照合しましょう。素材の取り違えを見つける作業です。ピクセル数では、アカウントの権限や承認は判定できません。

同じキャラクターでも、スタンプでは喜ぶ動作、バッジでは識別マークと、役割に合わせて描き分けられます。スタンプに決めた後、小さな表情が曖昧なら28pxで読みやすいTwitchスタンプのガイドへ進んでください。

用途が決まったら、対応する制作ツールへ

リアクション画像が必要なら、Twitch Emote Maker（英語版） (英語)で候補を作れます。参考画像からHype、LOL、Love、Rage、Shock、Sad、GG、Lurkの8種類の固定リアクションを生成し、28・56・112pxの静止PNGを提供します。結果は自分で確認し、選んでから別途アップロードします。リンク先のツールは英語版です。

サブスクバッジは別の編集ツールで設計、出力しましょう。このツールにはバッジ出力、アニメーション、手動トリミング、文字や任意サイズの調整機能はありません。18pxのバッジが目的なら、バッジの制作へ進みます。

提出時には、Twitchのサブスクライバースタンプガイド（英語）とサブスクライバーバッジのガイドで、その時点の条件を確認します。画像を用意することと、Twitch上で設定することは別の工程です。

よくある質問

同じキャラクターをスタンプとバッジに使えますか？

同じキャラクターをテーマにすれば、チャンネルの見た目をそろえられます。伝える反応と、支援を示すマークをそれぞれ決め、別の用途として画像を準備しましょう。サイズ変更だけで両方の設計が完成するわけではありません。

バッジのPNGを入手すれば、自分の名前に付けられますか？

画像ファイルだけでは付けられません。何を表示できるかは、Twitchやチャンネルの現在の設定と適用条件によります。ほかの画像を18pxにしても、そのバッジに対応する資格は得られません。

サイズが合った後は、何を確認すればよいですか？

用途の合う素材を選んでいるか、画像の内容と透過、サイズ違いが同じデザインに対応しているかを確認します。そのうえで対象素材の最新の公式ガイドを参照してください。この例やサイズ比較は、Twitchの承認を示すものではありません。