Twitchエモートが28pxでぼやけるときは？実寸で読みやすさを確かめる方法

Twitchのエモート（スタンプ）が28pxでぼやけて見えるなら、まずダウンロードした28×28pxのPNGを原寸で開いてください。112pxのプレビューがきれいでも、小さな口、指先、文字まで残るとは限りません。明るい背景と暗い背景で、表情の意味と外形がすぐに分かるかを確認するのが出発点です。

ここでは静止画エモートを対象に、元の絵の問題と表示環境の違いを切り分けます。規格全体を確認したい場合は、プラットフォーム別の画像サイズガイドも参照してください。

まず28pxを原寸で見て、症状を分ける

画像アプリの「ウィンドウに合わせる」を外し、表示倍率を100%にします。ブラウザーで開く場合も、ページのズームを100%に戻しましょう。高密度ディスプレイでは物理的な見え方に差があるため、同じ端末・同じ倍率で比較することが大切です。

112px、56px、28pxを順番に見て、どの段階で意味が伝わりにくくなるかを探します。拡大すれば分かるかではなく、普通に見たときに「笑う」「応援する」「そっと見守る」のどれなのか判断できるかを考えます。ファイル名を隠して見比べると、名前から表情を補っていないか気づけます。

画像全体が表示されない問題と、小さくすると見分けにくい問題も別です。まず手元のファイルを開き、画像自体の状態を確かめてからTwitch上の表示を調べましょう。

112pxの細部が28pxで失われる理由

112pxから28pxになると、一辺は4分の1、画素数は16分の1になります。112pxで幅2pxの線は、単純な比率では28pxで約0.5pxです。周囲の色と混ざり、線として見えなくなることがあります。これは仕組みを説明する例で、すべての絵に共通する合格ラインではありません。

細い眉、指の間、細かな模様を同じ重要度で描き込むと、縮小時に表情の主役が埋もれます。まず目と口の関係、ハートや涙など意味を担う形を残し、装飾を減らしてください。長い日本語や小さな「ありがとう」を読ませたいなら、文字を詰め込む前に、絵だけで気持ちが伝わる構図を試します。

白フチは、暗い輪郭を背景から分ける手段の一つです。ただし、意図して付けた白フチと、背景が残った白い四角や縁の白濁は別物です。白背景だけでは見逃しやすいので、暗い背景でも確認します。太さに万能の数値はなく、太くしすぎると顔や手のための面積も減ります。

シャープ処理で境目が目立つ場合はあっても、消えた表情や切れた手を元どおりに描き直せるわけではありません。何を伝える絵か分からないときは、縮小方法だけでなく元の構図を見直す必要があります。

既存サンプルで「残る形」と「消える細部」を比べる

次の比較には、PhotoToStickerのサイトで使っている既存の生成サンプルを使用しました。その画像を製品の正規化処理でローカルに再処理し、112・56・28pxの透明PNGを作っています。この記事のための新しいAI生成や、Twitchへのアップロードは行っていません。

既存のサイトサンプルをローカルで再処理したPNGのブラウザー比較です。Twitchの画面や審査結果ではありません。記事の画像は画面幅で縮小されるため、原寸の判定には個別のPNGを使ってください。

この比較では、Loveの赤いハートと赤い目は28pxでも見えます。一方、本体の細かなパネル模様や、ハートを持つ手の細部は区別しにくくなります。残したいのが「愛情」のリアクションなら、ハートが伝わるかを先に見て、模様の再現だけで判断しないようにします。

Lurkでは、赤い目と縦の境界は残りますが、境界をつかむ小さな手は読み取りにくくなります。暗い本体は暗い背景とのコントラストも弱めです。「目立たずのぞく」という意図と、「外形そのものが分からない」状態を分けて考えるための例になります。

Loveの28px PNGとLurkの28px PNGを保存し、100%表示で比べてみてください。これは編集上の観察であり、視聴者の認識率を測った試験でも、使いやすさや審査の合格を示すものでもありません。

生成ツールでは、候補を作ってから実寸で選ぶ

Twitch Emote Maker（英語） (英語)は、使用する権利のある画像1枚からAIでエモートを生成するツールです。入力は15MBまでのJPG・PNG・WebPに対応します。画像がアップロードされるのは生成を明示的に依頼したときで、利用にはログインと利用可能な生成枠・残高が必要です。

リアクションはHype、LOL、Love、Rage、Shock、Sad、GG、Lurkの8種類に固定されています。成功したセットには、各リアクションの112×112・56×56・28×28pxの透明な静止PNG、合計24ファイルとREADMEが含まれます。GIF、アニメーション、バッジの作成や、Twitchへの自動登録を行う機能ではありません。

結果画面では112・56・28pxを切り替え、明暗の背景で原寸プレビューを比較できます。最初に28pxで候補を選び、気になるものだけ112pxに戻って原因を探すと、細部の美しさだけに引っ張られにくくなります。

この画面にトリミング、フチ、シャープ処理、文字の調整スライダーはありません。修正が必要なら元の絵を外部で編集するか、顔や主役がはっきりした参考画像を選び直します。再生成しても同じ結果を細かく指定して直せるとは限らないため、まず手元の候補を十分に確認しましょう。

提出前は、同じ条件で短く確認する

サイズの数値が合っていることと、表情が読みやすいことは別々に確認します。Twitch公式も、100%の解像度で明瞭に見えることを案内しています。提出時の条件は、Twitch公式のエモートガイドライン（英語）で最新の内容を確認してください。

ZIPでは、たとえばemotes/112x112/love.pngと、対応する56x56・28x28フォルダーを確認します。ファイル名が合っていても、画像の端や透過まで確認を済ませたことにはなりません。修正したら、最後にもう一度28pxへ戻ってください。

よくある質問

112pxのPNGがあれば28pxの確認は省けますか？

省かずに確認しましょう。サイズ変換でファイルを作れても、小さな表情が伝わるかは別です。大きな画像のプレビューと、実際の28pxのPNGを見比べてください。

白フチを付ければ必ず見やすくなりますか？

暗い外形を背景から分ける助けにはなりますが、細かすぎる表情や小さな文字の問題は残ります。明暗両方で見て、重要な形を圧迫していないか確かめましょう。

手元では鮮明なのにTwitch上だけぼやける場合は？

端末、利用アプリ、テーマ、表示倍率、どの表示場所かを記録し、同じPNGの原寸表示と比較します。ローカルの画像の問題と判断できない場合は、現在の公式ヘルプを確認してください。特定の環境だけの差を、すべてのTwitch表示に共通する不具合とは決めつけられません。

このツールで今あるエモートをそのまま縮小できますか？

Twitch Emote Makerは参考画像からAI生成する用途です。すでに完成した絵を同じままリサイズしたい場合は、外部の画像編集・サイズ変更ツールを使い、書き出した28pxをこの手順で検査してください。