Twitchオフライン画面（1920×1080）
Twitch オフライン画面は 1920 × 1080 ピクセル、16:9 です――ライブ配信をしていない時にビデオプレイヤーに表示される画像です。ここではプレイヤーコントロールが隠すストライプ付きでこのサイズに切り抜くことができます。そうすればスケジュールやソーシャルハンドルがボタンの背後に表示されることはありません。
PNG、JPG、WebP、GIFをドロップ
ページのどこにでもドロップできます · ファイルを選択 · 100 MB
対応形式： PNG, JPG, JPEG, WebP, GIF, AVIF
Twitchオフライン画面（1920×1080）とは
オフライン画面、ビデオプレイヤーバナーとも呼ばれるものは、あなたのチャンネルを開いた時に配信していない人が見るものです。この画像はプレイヤー全体を埋めるので、1920 × 1080、16:9 です――プロフィールバナーの縦横比ではなく、配信そのものの縦横比です。
これはチャンネルが持つ最も価値のある静的資産です。クリップやおすすめ経由で訪問した視聴者は、フォローするかどうかを決める数秒間、この画像を見ます。また、この上に Twitch の独自のインターフェースが重ねて表示されます――プレイヤーコントロールバーが下部にあり、ホバーすると上部にタイトル行が表示されることがあります。
このページでは 1920 × 1080 に切り抜き、コントロールが占める部分をマークします。そうすればスケジュール、ソーシャルメディア、そして「7時に配信再開」などのテキストは実際に読める場所に配置できます。すべてはお使いのブラウザ内で行われます――アップロード不要、アカウント不要です。
チャンネル名の背後のストライプはまた別のサイズです――プロフィールバナーリサイズツール1200 × 480 をカバーしています。
エクスポートしたファイルが特定のファイルサイズに圧縮必要な場合、圧縮ツールはキロバイト単位の目標値を受け取ります。
オフライン画面が果たすべき役割
バナーとは異なり、この画像は情報を伝えます。効果的なオフライン画面は、3つの質問に答えるだけで、それ以上のことを語りません。
- 次にいつ配信するか？ 週間スケジュールは、古くなってしまう正確な日付に勝ります。
- 他にどこで活動しているか？ アイコンの壁ではなく、2〜3つのハンドルを表示します。
- このチャンネルは何についてか？ プレイヤーが半分のサイズでも読める大きさの1行で説明します。
プレイヤーが隠す領域
コントロールバーはプレイヤーの下部に配置されます。チャンネルページではプレイヤー幅が 1920 ピクセル未満で表示されることが多く、その場合でもバーは同じ比率の領域をカバーします――およびフレームの下から8分の1程度です。
破線の矩形がクリアなまま保たれる領域を示しています。テキストのすべての行をその内部に配置し、下部ストライプは背景だけにします。
| 領域 | おおよその割合 | 扱い方 |
|---|---|---|
| 上端 | 上から8% | ホバー時に重なることがある |
| 中央 | 中央から3分の2 | 安全――メッセージをここに配置 |
| 下部ストライプ | 下から12% | プレイヤーコントロール、背景のみ |
小さなプレイヤーでも読めるテキスト
ノートPCでのチャンネルページでは、プレイヤー幅は 1920 ピクセルの半分程度に表示され、スマートフォンではさらに小さくなります。1920 ピクセルのデザインファイルで快適な大きさのテキストでも、そこでは読めなくなる可能性があります。
有効な経験則：1920 ピクセルで高さが約40ピクセル未満のものは何もない。これはフレーム高さの約2%に相当します。ファイルをエクスポートし、4分の1のサイズで表示し、1行も読めなければ、それは小さすぎます。
形式とファイルサイズ
JPEG はほとんどのオフライン画面に適しています――これらは通常、イラストや写真で、同じ画像のフルHD PNG は見た目のメリットなしに数倍の大きさになります。デザインがフラットな色で鮮明な文字の場合は PNG を使用してください。その場合、JPEG のアーティファクトがすべてのグリフの周りに集まります。いずれにせよ Twitch は配信用に再エンコードするので、すでに圧縮されたものではなく、きれいなソースファイルを渡します。
よくある質問
Twitch オフライン画面のサイズは？
1920 × 1080 ピクセル、16:9 です――配信と同じ比率です。なぜなら、ビデオプレイヤー内に表示されるからです。これはプレイヤー上部のチャンネル名背後に配置される 1200 × 480 のプロフィールバナーとは別の画像です。
なぜオフライン画面の下部が隠れていますか？
プレイヤーのコントロールバーがその上に重ねて表示され、フレームの下から8分の1程度を占めています。そこに配置されたもの――スケジュールの行やハンドルの行――はボタンの背後に表示されます。プレビューの破線の矩形がクリアなまま保たれる領域を示しています。
オフライン画面に何を書けばよいですか？
次にいつ配信するか、他にどこで見つけられるか、そしてこのチャンネルは何についてか。3つの情報を、4分の1のサイズでも読める大きさのタイプでそれぞれ表示します。アートワークだけの画面は見栄えはいいですが、初めて訪れた人がフォローすべきかどうかについて何も伝えません。
なぜチャンネルページでテキストが読めませんか？
ほとんどの画面でプレイヤー幅は 1920 ピクセルよりはるかに小さく表示されるからです。フルHDのデザインファイルで設定されたフォントサイズは半分、あるいはそれ以下になることがあります。フレーム高さの約2%未満のものは何も使わず、エクスポートしたファイルをアップロードする前に4分の1のサイズで確認してください。
アニメーションオフライン画面を使えますか？
ビデオプレイヤーバナーは静止画です。そこに動きがあるように見えるチャンネルは、通常、異なる要件を持つ別の機能であるループ配信を実行しています。このページは、プレイヤーが期待する正確なサイズの静止画を準備します。
エクスポート時にアートワークはコンピュータから送信されますか？
いいえ。デコード、切り抜き、リサイズ、エンコードはすべてこのページのブラウザで行われ、ファイルを受信できるエンドポイントはサイトにありません。エクスポート中、ネットワークパネルは常に空のままです。これは、信じるのではなく確認する価値のある主張です。