Twitch Bitバッジの作成
Twitch bitバッジは、サブスクライバーバッジと同じ3つの正方形サイズ—72、36、18ピクセル—を使用し、各ファイルは25 KB未満です。一度切り抜き、3つをZIPとしてエクスポートし、チアのティアごとに繰り返します。ダウンロード前にすべてのファイルが上限を満たしているか測定されます。
PNG、JPG、WebP、GIFをドロップ
ページのどこにでもドロップできます · ファイルを選択 · 100 MB
対応形式： PNG, JPG, JPEG, WebP, GIF, AVIF
Twitch Bitバッジの作成とは
Bitバッジは、視聴者がチャンネルでどれだけチアしたかを示すもので、セットで提供されます：最初の100ビットからの各チアのマイルストーンごとに個別のアートワークがあります。そのセットの各要素には同じ3つの正方形エクスポート—72、36、18ピクセル—が必要で、各ファイルは25 KBを超えてはなりません。
セットが手作業での面倒な原因です。9つのティア×3つのサイズで27個のエクスポートが必要となり、それぞれサイズチェックが必要です。一般的な画像エディタで作業するには半日かかります。ここでは各ティアで一度の切り抜きで、3つを含む名前付きZIPが生成され、半日作業が数分に短縮されます。
デザイン上の問題はサブスクライバーバッジと同じで、少し難しいです：bitのティアは慣例的に色で区別され、72ピクセルでは見分けられる色が、18ピクセルでは暗いチャット背景に対して見分けにくくなることがあります。このページはセットを確定する前に、最小サイズでの確認ができるようにエクスポートします。
サブスクライバーバッジは同じ幾何学を使用するため、サブバッジのページがその半分の作業をカバーしています。
プラットフォームがサイズを指定していない場合は、他の画像ツールで自由なサイズに対応できます。
Bitバッジセット、ティアごと
Twitchはチアのマイルストーンを定義し、カスタマイズする各マイルストーンのアートワークを期待しています。利用可能な正確なティアは、アフィリエイトまたはパートナーのステータスによって異なりますが、それら間の幾何学は変わりません。
| 項目 | 要件 | 備考 |
|---|---|---|
| 各ティアのサイズ | 72、36、18ピクセル | すべて正方形、すべて必須 |
| ファイルサイズ | 各ファイル25 KB未満 | アップロード時に強制適用 |
| 形式 | PNG | 透明背景が期待されます |
| ティア | 各チアマイルストーンごとに1つの画像セット | 好きな数だけカスタマイズ可能 |
18ピクセルでティアを区別する方法
慣例的なアプローチはカラーランプです：灰色、紫色、緑色、青色、赤色など、上にいくほど。これは72ピクセルでは有効ですが、18ピクセルでは失敗することがあります：白いテキストの横に配置された彩度の高い紫色と彩度の高い青色は、周辺視野では実際に見分けがつきにくくなります。
2つのことが役立ちます。色相だけでなく明度も変化させ、各ティアがチャット背景とのコントラストだけでなく色でも区別されるようにします。そして、上位のティアでシルエットを少し変える—輪郭、追加の点、異なるアウトラインなど—形が色だけでは伝わらない区別の一部を担えるようにします。
- 色相だけでなく、明度も変化させてランプを作成します。
- 上位のティアには色だけで識別可能なアウトラインの形状も与えます。
- セットをアップロードする前に、18ピクセルのエクスポートを並べて確認します。
- 暗い背景でテストします；多くの視聴者にとってチャットは暗いです。
なぜバイト制限はここでは問題になりにくいのか
Bitバッジのアートワークは必然的に平坦でシンプルなため、72ピクセルの正方形の平坦なアートワークはPNGで数キロバイトです—25 KBの上限からは程遠いです。上限が問題になるのは、ティアがレンダリングされた宝石や写真のテクスチャとして提供される場合だけです。そして、そのようなティアは18ピクセルでは読み取れないことが多いです。
ファイルが上限を超えた場合、ページはそれを表示し、解決策は簡略化か、品質検索が適合を見つけられるWebPエクスポートのいずれかです。PNGには品質ダイヤルがなく、それがまさしく測定が報告され、無視される理由です。
セットを効率的に処理する方法
最初のティアのファイルをドロップし、切り抜きを設定してエクスポートし、次のファイルをドロップします—切り抜き設定は最後に設定した場所に残るため、一貫したキャンバスで描かれたセットではフレーミングを一度決定するだけで済みます。各ZIPはティアではなくバッジ名で命名されるため、一度に多くをエクスポートする場合は進行中に名前を変更してください。
よくある質問
Twitch bitバッジのサイズは？
72×72、36×36、18×18ピクセルで、サブスクライバーバッジが使用する同じトリオです。各ファイルに同じ25 KBの上限があります。完全なチアセットには、カスタマイズする各マイルストーンティアにこのトリオが必要です。
何個のbitバッジティアを作成する必要がありますか？
カスタマイズしたいものだけです。Twitchはすべてのチアマイルストーンにデフォルトのアートワークを提供し、チャンネルは好きな数だけ置き換えることができます。ほとんどのチャンネルは視聴者が実際に到達する下位のティアから始めます。
なぜ私のチアティアがチャットで同じように見えますか？
色相のみのランプが、暗い背景では18ピクセルで区別できなくなるからです。セット全体で色だけでなく明度も変化させ、上位のティアでシルエットを少し変えて、形とコントラストがそのサイズでは色相だけでは伝わらない区別の一部を担えるようにします。
bitバッジに透明背景は必要ですか？
はい。それらはテーマとオーバーレイで背景が異なるユーザー名の横にインラインで配置されるため、アートワークの背後にある実心の矩形は目立ちます。PNGまたはWebPでエクスポートし、アルファエッジをクリーンに保ちます—柔らかいハローは小さいサイズでは縁として現れます。
同じアートワークをビットとサブスクリプションで使用できますか？
サイズが一致するため技術的には可能ですが、目的を損ないます：2つのバッジタイプは視聴者に異なることを伝え、チアとサブスクライブが見た目同じであるチャンネルは、両方が意図したシグナルを失います。スタイルを再利用し、形状は再利用しないでください。
このページは私のバッジセットをどこかにアップロードしますか？
いいえ。すべての切り抜き、リサイズ、エンコード、ZIPはこのブラウザタブ内で行われ、サーバーは一切関与しません。まだ発表されていない依頼されたセットの場合、それが主張されるだけでなく確認可能である—ネットワークパネルは空のままです。