Twitchエモートのサイズ規格と作り方
最終更新日: 2026-08-16
Twitchのエモートに必要な112×112px / 56×56px / 28×28pxの3サイズと、アニメーションエモートの容量上限、アップロードでつまずかないための準備手順を解説します。
Twitchエモートの規格
Twitchのエモートは3サイズをセットでアップロードするのが基本です。PochiSta が書き出す規格は次のとおりです。
| 用途・サイズ | 形式 | 容量の上限 |
|---|---|---|
| 112×112px大 | PNG（静止画） | — |
| 56×56px中 | PNG（静止画） | — |
| 28×28px小 | PNG（静止画） | — |
| 112×112px大 | GIF（アニメーション） | 1024KB |
| 56×56px中 | GIF（アニメーション） | 1024KB |
| 28×28px小 | GIF（アニメーション） | 1024KB |
※ 容量は 1KB = 1024バイトで表記しています。
なぜ3サイズ必要なのか
同じエモートでも、表示される場所によってサイズが変わるためです。
- 28×28px: チャット欄に流れるとき。最も多く見られるサイズ
- 56×56px: エモート一覧やポップアップ表示
- 112×112px: 詳細表示・大きく見せる場面
大きいサイズだけを用意して自動縮小に任せると、28px で潰れて読めないものになりがちです。28px での見え方を基準にデザインを決めるのが失敗しないコツです。PochiSta では編集画面でチャット欄実寸（28px/24px相当）を常時プレビューできます。
細い明朝体・文字数が多い・フチなし：文字同士の隙間が埋まり、背景と同化する。
極太ゴシック・2文字・二重フチ（黒＋白）：どんな背景でも輪郭がくっきり維持される。
サブスクバッジ（継続バッジ）との規格の違い
Twitchではエモートの他に、購読月数に応じてユーザー名の横に表示される「サブスクライバー限定バッジ」があります。 エモートとバッジでは必要サイズが異なるため注意が必要です。
- エモート規格: 28×28px / 56×56px / 112×112px（透過PNGまたはGIF）
- サブスクバッジ規格: 18×18px / 36×36px / 72×72px（透過PNG・静止画のみ・各25KB以下）
サブスクバッジはチャット欄で 18px という極小サイズで並ぶため、エモート以上にシンプルな輪郭と階級ごとの明瞭なカラーリングが求められます。 PochiSta のバッジメーカーを使えば、1枚の透過PNGから全階級（ブロンズ・シルバー・ゴールド等）の3サイズセットを自動生成できます。
アニメーションエモートの注意点
Twitchはアニメーション（GIF）のエモートにも対応していますが、 静止画より制約が厳しくなります。
- 容量の上限がある: フレーム数が多い、色数が多い、動きが大きいほどファイルが重くなります
- 静止画版も併せて必要: アニメーションが無効な環境向けに静止画が使われます
- 28pxでは細かい動きが伝わらない: 小刻みな動きより、大きくはっきりした動き（揺れる・跳ねる）のほうが認識されます
容量が上限を超える場合は、エフェクトの強度を下げる、再生速度を上げてフレーム数を減らす、 色数の少ないデザインにする、といった対処が有効です。 PochiSta は上限を超える場合に自動で色数とフレーム数を調整し、 それでも収まらないときは書き出し画面で警告を表示します。
アップロード前のチェック
- 背景が透過されているか（白い四角が残っていないか）
- 正方形になっているか
- 28px で内容が判別できるか
- 3サイズすべて用意できているか
- アニメーションの場合、容量が上限内に収まっているか
PochiSta では、これらの規格に合わせた3サイズを一括でZIPに書き出せます。 サイズごとに書き出し直す必要はありません。
関連記事
この記事の内容は PochiSta で実践できます
各プラットフォームの規格に合わせたサイズ・容量へ自動で最適化して書き出せます。登録不要・完全無料で、画像はブラウザの外に出ません。
スタンプを作ってみる