Twitchサブバッジのサイズ変更
1枚の画像からTwitchサブバッジ用の18・36・72px PNGを作成し、それぞれ25KB上限を確認します。正方形に切り抜くか透明な余白を付けて、ZIPで保存。
ファイル
ファイルは端末内で処理ここにファイルをドロップファイルを選んで開始
GIF · 1ファイル最大 20 MiB
上限と対応形式
入力：1ファイル · GIF · 最大 20 MiB。
画像：1辺 2,048 px、アニメーション 400 コマまで。
出力：1辺 2,048 px、1コマ 4,194,304 画素、最大 400 コマ。
詳細予算：展開後 40,000,000 画素、推定作業メモリ 192 MiB、ZIP は 64 MiB まで。大きすぎる処理を事前に拒否する基準であり、ブラウザ全体の最大メモリを保証するものではありません。
ファイルを追加して始めましょう。
Twitchサブバッジの3サイズを作る方法
01正方形に近いPNG・JPG・WebPを追加
02正方形に切り抜くか、全体を残して透明な余白を付ける
03PNG 3枚を確認してZIPを保存
PNG 3サイズ、各25KBまで
Twitchでは各サブバッジを18×18・36×36・72×72pxの3サイズ、PNG形式でアップロードし、各ファイルは25KBまでです。Tier 2・Tier 3のカスタムバッジフレアも同じ3サイズで、背景は透明である必要があります。画像を1枚追加すると、透明度を保ったまま3サイズのPNGを同じ絵柄で作成します。
設定の選び方
バッジはチャットの名前の横に表示されるため、最も大事なのは18pxです。太いシルエット、少ないディテール、強いコントラストが向いています。「全体を残す・透明な余白」は絵全体を残し、「正方形に切り抜く」はバッジいっぱいに表示します。ドット絵バッジはニアレストネイバーを選ぶと18px版がぼやけません。
仕上がりを調整したいとき
バッジは静止画です。アニメGIFを追加すると1コマだけ黙って残すことはせず、メッセージを出して止まります。先に「GIFコマ抽出」で使いたいコマを書き出してください。PNGが25KBを超える場合は、元画像の細かい質感やグラデーションを減らしてください。
GIF の待ち時間が未指定・0 ms・10 ms の場合は 100 ms として読み込みます。それ以外は時間やフレーム順序を変更する処理を除き保持します。極端に短い待ち時間の GIF は他のビューアと再生が異なる場合があります。
よくある質問
Twitchサブバッジのサイズは？
18×18・36×36・72×72pxで、各バッジに3サイズすべて必要です。
バッジのファイル容量上限は？
PNG 1枚につき25KBまで。結果に各サイズの実際のバイト数を表示します。
バッジはアニメにできますか？
いいえ。サブバッジはPNGでアップロードします。このプリセットは静止画か1コマのGIFのみ受け付けます。
透明な背景は残りますか？
はい。透明な画素はそのままで、余白オプションも色ではなく透明な余白を加えます。
画像はアップロードされますか？
いいえ。すべてブラウザ内で処理します。