縦型カバーは 9:16 で 1080×1920 ピクセル以上にします(ヘルプセンターは最大 2160×3840、最小の高さ 640 ピクセルを推奨)。被写体と文字は中央のセーフエリア、つまり高さの中央約 60% に収め、右端から離します。キャプションとチャンネル情報が下3分の1を、操作ボタンが右側を覆うからです。そのうえでプロフィールグリッドや棚が使う 4:5 と 1:1 の中央切り抜きを確認し、重要なものが切れないようにしましょう。
縦型カバーのサイズ一覧
縦型カバーは動画と同じフレーム、つまり縦に持ったスマホ画面の形である 9:16 を使います。1080×1920 で書き出せばどのスマホでもくっきり表示されます。現在のヘルプセンターは可能なら大きなファイルを推奨し、最小の高さは 640 ピクセルです。
“ショートの場合は、アスペクト比 9:16 のサムネイルをアップロードするようにしてください。”
Add custom thumbnails — video platform help center · 引用は英語原文からの翻訳
| 項目 | 値 |
|---|---|
| アスペクト比 | 9:16 |
| 推奨 | 1080×1920(最大 2160×3840) |
| 最小 | 高さ 640 px |
| 形式 | JPG または PNG |
| ファイルサイズ | 2 MB 未満ならどの端末でも安全 |
| 確認すべきグリッド切り抜き | 4:5(1080×1350)と 1:1(1080×1080) |
カバーを覆うUIゾーン
全画面プレーヤーでは、インターフェースが画像の上に描かれます。正確なレイアウトはアプリごとに異なり、アップデートでも変わりますが、パターンは一貫しています:下部にはキャプション、アカウント名、音源ラベル、右端には縦に並ぶボタン、上部には検索やカメラアイコンのある小さなヘッダーがあります。
安全なのは、これらの領域を文字や顔に使えない場所として扱うことです。ThumbProof はおおよそのゾーンを描くので、デザインがどこでぶつかるかがわかります。
| ゾーン | 1080×1920 上のおおよその範囲 | 覆うもの |
|---|---|---|
| 上部 | 上 約8–10%(0–190 px) | ヘッダー、タブ、検索 |
| 右 | 右 約15%(x > 920) | 高評価、コメント、共有、リミックスのボタン |
| 下部 | 下 約25–35%(y > 1300–1450) | キャプション、アカウント名、音源、進行状況 |
| 安全な中央 | x 60–900、y 190–1300 | なし——重要な内容はここに |
グリッドの切り抜き:4:5 と 1:1
カバーは常に全体が表示されるわけではありません。プロフィールページや一部の棚は、縦のフレームを中央から切り抜いたタイルのグリッドで表示します。4:5 の切り抜きは上下合わせて約 15% を削り(高さ1920から1350ピクセルへ)、1:1 の切り抜きは高さの 44% を削ります(1920から1080ピクセルへ)。
カバーの上 22% か下 22% に置いたものは、正方形の切り抜きで消えます。プレーヤーでは問題ないのにプロフィールグリッドで崩れて見える最も多い原因がこれです。
| 切り抜き | 1920 のうち見える高さ | 上で削られる量 | 下で削られる量 |
|---|---|---|---|
| 9:16(全体) | 1920 px | 0 | 0 |
| 4:5 | 1350 px | 285 px | 285 px |
| 1:1 | 1080 px | 420 px | 420 px |
すべての切り抜きに一度に対応するデザイン
正方形の切り抜きが最も厳しいので、まずその中でデザインします。1080×1920 のキャンバスで、被写体と文字を中央の 1080×1080 の範囲、y=420 から y=1500 に置きます。そのうえで上下の余った高さを、背景、雰囲気、あればうれしい補助要素に使います。
プレーヤー下部のUIゾーンは正方形の下側と重なるので、文字は中央の正方形の上半分に置きましょう。y=500〜900 あたりに置いた見出しは、1:1 の切り抜き、4:5 の切り抜き、プレーヤーの重なりのすべてに耐えます。
- まず 1:1 の中央でデザイン
- 文字は y=500 から y=900 の間
- 被写体は左右中央
- 余った高さは背景で埋める
5ステップで切り抜きに強い縦型カバーを作る
- 01
1080×1920 のキャンバスを用意
9:16、sRGB で、正方形の切り抜き用に y=420 と y=1500 にガイドを置きます。
- 02
UIゾーンを示す
上 10%、右 15%、下 30% にガイドを追加します。
- 03
被写体と文字を配置
どちらも正方形の切り抜きの内側、UIゾーンの外側に置きます。
- 04
2 MB 未満で書き出し
1080×1920 の品質85の JPEG は通常 300〜900 KB です。
- 05
棚、プレーヤー、切り抜きをプレビュー
セーフゾーンをオンにして縦型カバープレビューで読み込み、4:5 と 1:1 の切り抜きを確認します。
縦型動画に横型サムネイル
縦型動画に 16:9 のカスタムサムネイルをアップロードすると、一部の画面では動画から自動生成された 4:5 のフレームに置き換えられます。ヘルプセンターはホーム、探索、登録チャンネルのページについてこれを記載しています。視聴者に見えるものを自分で管理するには、縦型動画に上記の切り抜きを想定した 9:16 のカバーを用意しましょう。
縦型カバーの文字と顔
縦型カバーはプレーヤーでは横型サムネイルより大きく表示されますが、棚やグリッドではずっと小さく、タイルの幅は 110〜180 ピクセルのこともあります。横型サムネイルと同じルールを使いましょう:語は少なく、大きく。1080 ピクセル幅のカバーでは、最も小さな重要な語を 110〜130 ピクセル以上に。顔は中央の正方形の幅の少なくとも4分の1を占めるべきです。
フレームの選択:動画の静止画か、デザインしたカバーか
多くのアプリでは動画のフレームをカバーに選べます。手軽ですが、動画のフレームは動きでわずかにぶれていることが多く、最も面白い瞬間に被写体が中央の正方形にあることはまれです。デザインしたカバー——シャープにした静止画か別の画像——なら、切り抜き、文字、表情を自分で管理できます。
フレームを使うなら、被写体が静止して中央にある瞬間まで動かし、フル解像度で書き出し、セーフエリア内に短い見出しを加えます。カバーを動画の最初の1秒と一致させれば、タップした視聴者は期待どおりのものを見られます。
- 静止したシャープな瞬間を選ぶ
- 被写体は中央の正方形に
- 見出しはセーフエリア内に
- 動画の最初の1秒と一致させる
1回の書き出しで複数のアプリに
多くのクリエイターは同じ縦型動画を複数のアプリに投稿します。アプリごとに切り抜きや重なりは少しずつ違いますが、中央の正方形ルールでほぼすべてに対応できます。重要な内容をすべて y=420 から y=1500 の間に置いた 1080×1920 のマスターカバーを1枚作れば、再編集なしでどこでも使い回せます。
あるアプリが新しい重なりを導入したときに見出しを動かせるよう、レイヤー付きの元ファイルを残しておきましょう。アプリがインターフェースを変えたら、最近のカバーをプレビューで確認し直してください。新しいボタン列や高くなったキャプション領域が、以前は安全だった文字を突然覆うことがあります。
| 表示場所 | 表示される形 | 重要なルール |
|---|---|---|
| 全画面プレーヤー | 重なり付きの 9:16 | 上、右、下のゾーンを避ける |
| 棚/カルーセル | 小さな 9:16 タイル | 被写体は大きく、語は少なく |
| プロフィールグリッド | 4:5 または 1:1 の中央切り抜き | すべてを中央の正方形に |
実例:タイトルが消えたレシピのカバー
ある料理クリエイターが、1080×1920 のカバーの一番上(y=80〜300)にタイトル「3-INGREDIENT BREAD」を置き、パンを下部に置きました。プレーヤーではヘッダーがタイトルの一部を覆い、プロフィールグリッドでは 1:1 の切り抜きでタイトルが完全に消え、パンも半分しか残りませんでした。
修正版ではタイトルを y=520〜820 に移し、パンを y=900〜1400 の中央に置きました。どちらも 4:5 と 1:1 の切り抜きに耐え、プレーヤーのUIともぶつかりません。
| 要素 | 修正前(y の範囲) | 修正後(y の範囲) | 1:1 に耐える? |
|---|---|---|---|
| タイトル | 80–300 | 520–820 | 修正前は不可、修正後は可 |
| パン | 1450–1850 | 900–1400 | 修正前は一部、修正後は可 |
縦型カバーのよくある間違い
一番上の文字
プレーヤーではヘッダーに隠れ、1:1 の切り抜きで消えます。
下部の被写体
キャプションとアカウント名がその上に載ります。
16:9 のフレームを使う
黒帯が付くか、自動生成のフレームに置き換えられます。
右端を無視
ボタン列がそこに置いた顔や語を覆います。
小さな文字
グリッドのタイルは小さいので、横型サムネイルと同じく大きな語を。
プレーヤーだけを確認
ほとんどのカバーが崩れるのはプロフィールグリッドの切り抜きです。
