エモートプレビューツール
エモートをアップロードして、リアルなTwitchとDiscordのチャットでどのように見えるかを確認します。ダークモード、ライトモード、複数の表示サイズをテストできます — すべてブラウザで無料です。
ここにエモートをドロップ
またはクリックしてブラウズ
エモート画像をアップロードして、上のチャットプレビューで確認してください
Questions or Suggestions?
アップロード前にエモートをプレビューする理由
完璧なエモートを作成することは戦いの半分に過ぎません — 実際のチャット環境でどのように見えるかを確認することも同様に重要です。多くのエモートアーティストは大きなキャンバスサイズ（500pxや1000px）でデザインしますが、Twitchはチャットウィンドウでエモートをわずか28ピクセルの幅で表示します。キャンバス上で素晴らしく見える詳細が、チャットスケールでは読めない塊になることがあります。
エモートプレビューツールは、実際のユーザー名、タイムスタンプ、その他のメッセージを含むシミュレートされたチャットウィンドウにデザインを配置することでこれを解決します。これにより、アップロードする前に、消える細いアウトライン、背景に溶け込む色、または小さいサイズで読めなくなるテキストなどの問題をすぐに見つけることができます。
Twitchチャットでのエモートの表示
Twitchは、コンテキストに応じてエモートを3つの異なるサイズで表示します。チャットウィンドウでは、エモートは28x28ピクセルで表示されます — これは最も一般的なビューであり、可読性に最も重要です。視聴者がエモートにマウスをホバーすると、ツールチップで56x56ピクセルで表示されます。エモートピッカーメニューは、エモートをそのフル112x112解像度で表示します。
28pxのチャットサイズは非常に小さいため、成功したエモートは太いアウトライン、高コントラストの色、シンプルな形状を使用します。私たちのTwitchチャットモックアップは、実際の28pxサイズでチャットに使用されるエモートを表示し、リアルなメッセージに囲まれているので、チャンネルにアップロードする前に可読性を判断できます。
Discordチャットでのエモートの表示
DiscordはTwitchとは異なる方法でエモートを扱います。エモートがテキストとインラインで表示されると、約22ピクセルで表示されます。小さなリアクションは32ピクセルで表示されます。しかし、メッセージにエモートのみ（テキストなし）が含まれている場合、Discordは「ジャンボ」モードで48ピクセルで表示します。このサイズの変動により、エモートはより広範囲で良く見える必要があります。
私たちのDiscordチャットモックアップは、テキストと混ざったエモート、ジャンボモードのスタンドアロンエモート、連続した複数のエモートなど、すべてのシナリオをシミュレートします。これにより、Discordユーザーが遭遇する可能性のあるすべてのコンテキストでデザインが機能することを確認できます。
ダークモードとライトモードのテスト
ほとんどのTwitch視聴者はダークモードを使用していますが、かなりの割合がライトモードを使用しています。透明な背景にダークアウトラインでデザインされたエモートは、ダークな背景では美しく映えますが、白い背景ではぼやけて見えることがあります。逆に、明るい色や白いアウトラインのエモートは、ライトテーマの背景に対して見えなくなることがあります。
アップロード前に両方のテーマでテストすることは重要です。私たちのプレビューツールは、ワンクリックでダークモードとライトモードを切り替えることができるので、視聴者のテーマの好みに関係なく、エモートがすべての視聴者にとって可読性があることを確認できます。特にエモートのエッジに注意してください — アウトラインやボーダーがどちらかのモードで消える場合は、微妙なコントラストのストロークを追加することを検討してください。
エモートにとってサイズと明瞭さが重要な理由
良いエモートと素晴らしいエモートの違いは、しばしば小さいサイズでの明瞭さに帰着します。28ピクセルでは、非常に限られたスペースがあります — 感情、キャラクター、または反応を伝えるために約784ピクセルしかありません。すべてのピクセルが重要です。薄い線、微妙なグラデーション、112pxで素晴らしく見える複雑な詳細は、チャットスケールでは視覚的ノイズに変わる可能性があります。
最高のエモートデザインは、強いシルエット、コントラストの高い2-3の主要な色、太いアウトライン（112pxスケールで少なくとも2px）を使用します。最初に最小サイズでエモートをテストしてください — 28pxでそれが何であるか、どのような感情を伝えているかを瞬時に認識できれば、あなたは勝者です。
避けるべき一般的なエモートデザインのミス
最も頻繁なミスは、詳細が多すぎるデザインです。細い髪の毛、小さなテキスト、微妙な表情、複雑な背景はすべてチャットサイズでは読めなくなります。もう一つの一般的な問題は、色が似すぎていることです — 大きなキャンバスで異なる色合いに見えるものが、28pxでは混ざり合ってしまいます。
透明性の問題も広く見られます。背景を削除し忘れたり、醜いハローを作る半透明のエッジがあったり、ダークとライトの背景で異なる見え方をする透明効果を使用したりすると、素晴らしいエモートが台無しになります。これらの問題を早期にキャッチするために、常にダークとライトの背景でエモートをプレビューしてください。
エモートアーティストのためのプロフェッショナルなヒント
プロのエモートアーティストは常に高解像度（少なくとも512x512）で作業しますが、ターゲット表示サイズで自分の作品を常にチェックします。多くのアーティストは、描画中に小さなプレビューウィンドウを開いて問題をすぐに見つけます。太く、クリーンなアウトライン（112pxスケールで2-3px）を使用し、カラーパレットを最大4-6色に制限します。
一目での感情的な影響を考慮してください — 視聴者はチャットが流れる中でエモートをほんの瞬間しか見ることができません。表情やアクションは瞬時に認識できるべきです。ライブに行く前に、友人や小さなコミュニティでエモートをテストしてください。そして、エモートが両方のプラットフォームで使用される場合は、TwitchとDiscordの両方でプレビューしてください。表示サイズとレンダリングが異なるためです。
エモートプレビューツールの使い方
エモートプレビューツールの使用は簡単です：エモート画像をアップロード（PNG、JPG、GIF、またはWebP）、TwitchとDiscordのチャットモックアップのいずれかを選択し、ダークまたはライトモードを切り替え、表示サイズを選択します。エモートはすぐに複数のメッセージを含むリアルなチャットシミュレーションに表示されます。
最も正確なプレビューのために、エモートを最終的な解像度（Twitch用112x112、Discord用128x128）でアップロードしてください。ツールは正しいチャットサイズで表示します。アカウントは不要で、ウォーターマークもなく、画像はブラウザから離れることはありません — すべてはあなたのデバイスでローカルに処理されます。
絵文字をリサイズする必要がありますか？ 私たちの Twitch 絵文字リサイズツールを試してみてください
よくある質問
他のリサイズツールが必要ですか？
Twitchエモートリサイズツール
Twitch用のエモートを112x112、56x56、28x28にリサイズします。
TwitchエモートをリサイズTwitch GIFエモートリサイズツール
自動圧縮で1MB未満のアニメーションGIFエモートをリサイズします。
GIFエモートをリサイズTwitchバッジリサイズツール
サブスクライバーとビットバッジを72x72、36x36、18x18にリサイズします。
バッジをリサイズDiscordエモートリサイズツール
Discordサーバー用に128x128で256KB未満の絵文字をリサイズします。
Discord絵文字をリサイズDiscordバナーリサイズツール
サーバーとプロフィールバナーをDiscordの正確な寸法にリサイズします。
バナーをリサイズDiscordステッカーリサイズツール
画像をDiscordステッカーサイズ（320×320）にリサイズして500KB未満に。無料で即座に。
ステッカーをリサイズSlack絵文字リサイズツール
Slack用に128x128で128KB未満のカスタム絵文字をリサイズします。
Slack絵文字をリサイズKickエモートリサイズツール
Kick用に500x500で1MB未満のエモートをリサイズします。すべての表示サイズをプレビューします。
KickエモートをリサイズYouTube絵文字リサイズツール
YouTube用にメンバーシップ絵文字を48x48、バッジを32x32にリサイズします。
YouTube絵文字をリサイズTwitchビット計算機
TwitchビットをUSDに即座に変換します。ストリーマーの収益と購入価格を確認します。
ビットを計算Twitchサブ計算機
Twitchサブスクリプションからの収益を推定します。すべてのティアと収益分配をサポートしています。
サブを計算Discordビデオ圧縮ツール
Discordのファイルサイズ制限に収まるようにビデオを圧縮します。ブラウザベースで、プライベート、無料です。
ビデオを圧縮チャンネルポイントリサイズツール
チャンネルポイント報酬アイコンを112x112、56x56、28x28にリサイズ — 25KB未満に圧縮します。
アイコンをリサイズ