実践デザインガイド
Twitchスタンプのサイズ：表情は28ピクセルで判断する
1000ピクセルでは表情豊かなスタンプも、チャットでは何か分からない点になることがあります。細い目、繊細な輪郭、小さなアクセサリーを残す意味があるかは、最小版で分かります。
このガイドはTwitchの標準スタンプ仕様と、11月15日に実際のCiyoの会話で作った架空のオリジナルのドングリを使います。静止PNGの制作と、実際に書き出したファイルの確認を扱います。チャンネルへのアップロードや審査通過の確認はしていません。
先に結論
分かりやすいオリジナルの表情を1つ作り、細部を増やす前に28ピクセル版を確認します。Twitchが示す標準スタンプの手動アップロード用ファイルは、背景が透明な28 × 28、56 × 56、112 × 112ピクセルの正方形PNGです。ファイル名を信じるだけでなく、実際の寸法、形式、バイト数を確認してください。
1. 静止画かアニメーションかを先に選ぶ
Twitchの標準的な静止スタンプはPNGを使います。アニメーションの手順はGIFを使い、追加要件があります。拡張子を変えるだけでは適合しません。このチュートリアルは標準の静止した反応1つに絞ります。
Twitchには、指定範囲内の正方形PNG 1枚を受け付ける自動サイズ変更の方法もあります。使う場合は現在のアップロード操作に従い、縮小後の見え方も確認してください。3ファイルを手動で用意する方法なら、サイズごとに明示的に確認できます。
自作または使用権限のあるキャラクターや形から始めます。架空のドングリは明るい反応1つを表し、輪郭は単純で文字はありません。背景がないと伝わらない小さな場面より、独立した顔の表情の方が役立ちます。
2. 単純で分けやすい形のマスターを作る
端に必要な余白を取りつつ、顔が正方形のごく一部にならないようにします。目と口を見分けやすくしてください。太い輪郭が合う絵柄もありますが、表情を読めるようにする隙間まで塞いではいけません。
Ciyoで独自のデザインを探り、実際にプレビューを作った元データを求めます。ベクターなどの編集可能なマスターは後の変更を助けますが、大きなPNGはラスターのままです。必要な形式を明示し、届いた物を確認しましょう。
弱い表情を補うために小さな文字を足さないでください。短い単語でも縮小すると読めなくなります。輪郭と顔の特徴で反応を伝え、意味を説明しなくてもほかの人が理解できるか確かめます。
[反応]を表すオリジナルの[題材]のスタンプを1つ作ってください。力強く明確な輪郭、区別できる目と口を使い、文字や借用キャラクターを入れず、背景を本当に透明にします。対応していれば編集可能なマスターと、正確な28×28、56×56、112×112のPNGを用意してください。28pxを原寸で確認し、消える細部を簡略化します。実際に対応するファイルを返し、利用できない書き出し機能を説明してください。アップロードやTwitch承認の主張はしないでください。3. 3サイズを原寸で確認する
同じ承認済みマスターから各サイズを作り、ファイル間で表情が変わらないようにします。その後、ピクセルサイズ100%で表示してください。ブラウザーやビューアーが28ピクセル画像を拡大すると、見つけたい問題が隠れることがあります。
最小の目、口の開き、主要な形の間隔を確認します。笑顔が黒い塊になるならマスターを簡略化するか、小サイズ用の調整版を意図的に作ります。版ごとの変更を記録し、後の修正で読めない細部を戻さないようにしましょう。
実際の制作では、Ciyoが帽子部分の輪郭を修正し、28ピクセルで薄い線になった舌の細部を削りました。個別のPNG 3点と確認ボードが返されました。正確に一辺28、56、112ピクセルの正方形で、RGBAのアルファ値は0〜255、容量は順に1,076、2,179、4,440バイトと確認しています。
Ciyoキャンバスの大きな表示では小さいファイルも拡大される場合があります。ボードの原寸比較を使い、ダウンロードしたPNGを画像ビューアーで100%表示して確認してください。SVGマスターは別途ソースコードで返されており、Twitchに必要なアップロード形式ではありません。
| ファイル | 原寸で確認すること | 作業を止める条件 |
|---|---|---|
| 28 × 28 PNG | 意図した反応が分かる | 特徴がつぶれる、または拡大しないと分からない |
| 56 × 56 PNG | 形と輪郭が承認済みデザインと一致する | 別の表情や切り取りになる |
| 112 × 112 PNG | 最大のアップロード版も整っている | 追加した細部が小さい版と矛盾する |
| すべて | 正方形で本物のアルファがある | 名前は正しいが寸法や透明度が違う |
4. 透明度とファイルの属性を調べる
実際のPNGを明るい背景と暗い背景に重ねます。描かれた市松模様は透明ではなく、不透明な白い縁は白いページでは見逃しやすくなります。不明ならアルファ情報を表示できるビューアーや画像エディターを使ってください。
実ピクセルの幅と高さが等しく、手動用の各ファイルが指定寸法であると確認します。Twitchの標準スタンプガイドでは最大容量は1 MBです。表情が分からなくなるほどぼかさず、その制限未満に収めます。
マスターはアップロード用フォルダーの外に保管し、3つの出力に明確な名前を付けます。512ピクセルの画像を「28.png」と改名しても寸法は変わりません。書き出し設定や形式を変えたら、保存したファイルを再確認してください。
5. 確認した一式をチャンネル側に渡す
チャンネル管理者に承認済みファイルと、原寸3サイズの簡潔なプレビューを渡します。フォントや素材に条件があれば、元マスターとともに添えてください。これはファイルの引き継ぎであり、チャンネルへのアップロードや承認通知ではありません。
1つの反応を作るなら1つの表情から始められます。一式を納品する作者は、ポーズを増やす前に絵柄と小サイズでの扱いを合意しましょう。大きなプレビューがそろうだけでは不十分で、完成する各反応が小さい表示でも伝わる必要があります。
アップロード時は現在のクリエイターダッシュボードの手順を使います。Twitchの内容・形式ルールに従い、ファイル選択の成功と受理や審査通過を区別してください。このガイドはそのような提出を実演していません。
Twitchスタンプのサイズについての質問
必ず3つのファイルが必要ですか？
標準スタンプの手動方式では28、56、112ピクセルのPNGを使います。Twitchには自動サイズ変更の説明もあります。選んだ方式の現在の操作に従ってください。
画像の背後に市松模様を残せますか？
いいえ。ビューアーの透明表示の場合と、描かれたピクセルの場合があります。実際のPNGには本当の透明度が必要です。
必要なPNGの代わりにSVGを使えますか？
いいえ。SVGは元マスターとして有用ですが、Twitchガイドの標準静止アップロード形式はPNGです。
サイズが正しければ審査は通りますか？
保証されません。形式は要件の一部です。管理者はTwitchの最新の内容とアップロードのルールにも従う必要があります。
小さくても伝わる反応を1つ作る
Ciyoでオリジナルのスタンプを1つ作りましょう。最小版を判断し、実際のPNGを確認してから一式に広げてください。