使い方
- バッジのアートワークを選択、ドロップ、または貼り付けます。透明背景の正方形PNGが理想的です。
- 「Fit」または「Fill」を選び、透明な余白をトリミングしてバッジが正方形全体を使うようにします。
- 18pxのプレビューを確認します。これがチャットで名前の横に表示されるサイズです。
- 各PNGまたはすべてをZIPでダウンロードし、クリエイターダッシュボードの「サブスクリプション」または「Bitsバッジ」からアップロードします。
仕組み
TwitchのサブスクライバーバッジとBitsバッジは、チャットでユーザー名の横に18pxで表示され、高解像度画面向けに36pxと72px版があります。このツールはブラウザ上で画像を各サイズの正方形に高品質に縮小し、透過PNGとして保存します。
各ファイルのサイズを表示し、執筆時点のTwitchガイドラインの1ファイルあたり25KBの上限と比較します。上限を超えると警告が表示されます。このサイズのバッジが上限に近づくことはほとんどありません。プラットフォームのルールは変更される可能性があるため、アップロードフォームの表示に従ってください。
生成されるのは静止PNGのみです。このツールはTwitchとは提携していません。
使用例
段階別サブバッジ
1か月、3か月、6か月のアートワークを次々にリサイズすると、それぞれ72px、36px、18pxのファイルを含むZIPが得られます。
Bitsバッジ
トリミングをオンにした500×500の宝石アイコン。3つのPNGが生成され、25KBの上限と並べてファイルサイズが表示されます。
よくある質問
Twitchサブバッジのサイズは？
72×72、36×36、18×18pxのPNGファイルで、執筆時点のTwitchガイドラインではそれぞれ25KBまでです。
18pxでバッジがぼやけた塊のようになるのはなぜですか？
18pxは非常に小さいサイズです。コントラストの強いシンプルな図形と明確な輪郭を使い、文字は避けてください。
ファイルが上限を超えた場合は？
ツールが警告を表示します。アートワークの細部、ノイズ、グラデーションを減らしてください。フラットカラーはPNGで大幅に圧縮しやすくなります。
プライバシー
画像はブラウザ内でデコード、リサイズ、エンコードされます。アップロードは一切行われず、ダウンロードはお使いの端末で直接作成されます。