Twitchサブバッジサイズ：完全ガイド
公開日：2026年2月3日 | 更新日：2026年1月1日
サブバッジは、Twitchチャットでサブスクライバーのユーザー名の横に表示される小さなアイコンです。これはロイヤルティシグナルです — 誰かがサブスクライブされている期間が長いほど、より多くのバッジがロック解除されます。サイズを正しく取得することが重要です。ぼやけたり、不適切にトリミングされたバッジは、ストリームのブランドの隣に悪く見えるからです。
Twitchサブバッジとは何ですか？
誰かがあなたのチャンネルにサブスクライブすると、彼らはチャットの名前の隣に表示されるバッジを獲得します。これらのバッジは時間とともにレベルアップします：
- 1ヶ月 — ティア1バッジ
- 2ヶ月 — ティア2バッジ（デザインされている場合）
- 3ヶ月 — ティア3バッジ（デザインされている場合）
- 6ヶ月、1年、2年、3年... — 継続的なロイヤルティバッジ
あなたがバッジアートを設計します。Twitchは複数のサイズで自動的に表示します。
Twitchサブバッジサイズ要件
Twitchはエモートのようにバッジごとに3つのPNGファイルが必要です：
| サイズ | 寸法 | 使用用途 |
|---|---|---|
| 小 | 18 × 18 px | チャット（標準） |
| 中 | 36 × 36 px | Retina/HiDPIスクリーン |
| 大 | 72 × 72 px | ホバープレビュー、バッジピッカー |
ファイル要件：
- 形式：透明背景のPNG
- 最大ファイルサイズ：ファイルあたり500 KB
- カラーモード：RGB
- シェイプ：任意 — ただし、円形デザインが最も一般的で、チャットではきれいに見えます
機能するサブバッジをデザインする
サブバッジは非常に小さいです。18×18 pxでは、ファビコンのサイズです。実際に機能する方法は次のとおりです：
シンプルな形状が勝ちます — 王冠、星、盾、宝石。このサイズで顔や複雑なイラストを避けてください。
高コントラスト — バッジはチャット内の暗い背景に表示されます。暗いアウトラインが付いた明るい色のバッジが最も読みやすいです。
72×72でデザインして、スケールダウンしてください — 常に最大サイズから開始してください。36と18にスケールダウンして、読みやすさを確認してください。
一貫したセット — 複数のロイヤルティティアをデザインしている場合は、同じ基本形状を使用し、ティアが増加するにつれて色を変更したり、要素を追加したりしてください。例：アウトラインスター（1ヶ月）→ 塗りつぶされたスター（3ヶ月）→ グロー付きゴールドスター（6ヶ月）。
サブバッジをアップロードする方法
- Twitch Creator Dashboardに移動します
- Viewer Rewards → Loyalty Badgesに移動します
- アップロードするサブスクリプションティアとロイヤルティマイルストーンを選択します
- 3つのサイズ（18、36、72）すべてをアップロードします
- レビューのために送信します
Twitchはバッジをライブに行く前にレビューします。レビュー時間は通常3～5営業日です。
バッジスロットは何個取得できますか？
| ステータス | バッジスロット |
|---|---|
| アフィリエイト | ティアあたり1個（ティア1、2、3）+ロイヤルティマイルストーン |
| パートナー | ティアごとに複数個+すべてのロイヤルティマイルストーン |
ロイヤルティマイルストーン（1ヶ月、2ヶ月、3ヶ月、6ヶ月、1年、2年、3年など）それぞれが独自のバッジスロットを取得します。すべてのマイルストーン用に異なるバッジをデザインしたり、デザインを再利用したりできます。
サブバッジ対エモート — 違いは何ですか？
人々はしばしば2つを混同します。簡単な内訳は次のとおりです：
| サブバッジ | エモート | |
|---|---|---|
| チャットに表示される場所 | チャットメッセージ内 | ユーザー名の横 |
| 目的 | ロイヤルティ/サブステータスを表示 | 反応を表現 |
| サイズ | 18/36/72 px | 28/56/112 px |
| トリガー方法 | サブスクライブ | エモートコードを入力 |
一般的なバッジエラー
詳細が多すぎます — 18pxでは、詳細はノイズになります。1つの認識可能な形状を持つ小さなアイコンが、複雑なデザインより優れています。
透明背景がない — バッジには透明なPNGが必要です。白または色付きの背景がチャットUIと衝突します。
ダークモードを無視する — ほとんどのTwitchビューアーはダークモードを使用します。アップロードする前にダーク背景のバッジをテストしてください。
すべてのティアに同じバッジを使用 — ティアシステムを使用して、より長いサブに視覚的にアップグレードされたバッジで報酬を与えます。
サブバッジを作成するツール
- EmojiCreator.ai — 任意の画像をアップロードして、完璧にサイズを変更し、透明な背景のバッジPNGを取得します。無料、サインアップなし。ここで試してください。
- Photoshop / Illustrator — 完全な制御、カスタムイラストに最適
- Canva — デザイナー以外のための入手可能ですが、エクスポート透明度設定を確認してください
- Fiverr emoteアーティスト — 多くはエモートパックと一緒にバッジセットを提供しています
アップロード前のクイックチェックリスト
- 3つのPNGファイル：18×18、36×36、72×72
- 透明背景
- 各500 KB以下
- 18pxで明確に読める
- ダーク背景でテスト済み
- エモートセットとの一貫したスタイル
バッジが必要ですぐに？EmojiCreator.aiでTwitchサブバッジを無料作成してください — アカウント不要です。