すべてのYouTubeサムネイルに関する疑問は、まずサイズから始まります。しかし、「1280×720」という答えを知っているだけでは、成果の出るサムネイルを作ることはできません。このガイドでは、仕様（スペック）だけでなく、各表示サイズで実際に効果を発揮するための科学的なアプローチについても解説します。
Official YouTube Thumbnail Specifications
| 項目 | 要件 |
|---|---|
| 解像度 | 1280 × 720 ピクセル (アスペクト比 16:9) |
| 最小幅 | 640 ピクセル |
| 最大ファイルサイズ | 2 MB |
| 形式 | JPG, GIF, PNG |
| アスペクト比 | 16:9 (これ以外の比率では、切り抜きやレターボックスが追加されます) |
出典: YouTube Help Center — Add video thumbnails
プロのヒント： YouTubeはより大きなサイズも受け付けますが、常に1280×720でデザインしてください。大きなファイルは圧縮が強くなり、テキストの縁にノイズ（アーティファクト）が発生しやすくなります。編集で大きなキャンバスが必要な場合でも、書き出しは正確に1280×720で行いましょう。
サムネイルが実際に表示される場所（とそのサイズ）
これは多くのガイドが見落としている点です。作成した1280×720のサムネイルは、表示される場所によってサイズが大きく異なります。
| 表示場所 | およそのサイズ | 意味すること |
|---|---|---|
| モバイルのホームフィード | 168 × 94 px | 極小。テキストは巨大かつ太字にする必要があります。 |
| モバイルの検索結果 | 168 × 94 px | 同上。4つ以上の他のサムネイルと競合します。 |
| デスクトップのホームフィード | 320 × 180 px | 中サイズ。十分に太ければテキストも読めます。 |
| デスクトップのサイドバー（「次の動画」） | 168 × 94 px | 再び極小。モバイルと同じ制約があります。 |
| デスクトップの検索結果 | 360 × 202 px | 通常の表示では最大。最も読みやすい。 |
| テレビ / コネクテッドTV | ~480 × 270 px | 大きいですが、2メートル以上離れた場所から視聴されます。 |
| 埋め込みプレイヤー（再生前） | 可変（最大全幅） | ここでフル解像度が重要になります。 |
重要な洞察： インプレッションの大部分はモバイルのホームや関連動画から発生しますが、そこでのサムネイルの幅はわずか 168ピクセル です。これは設計サイズの13%に過ぎません。168pxで機能しないデザインは、サムネイルとして機能していないも同然です。
セーフゾーン：すべてのサイズで表示される領域
YouTubeは、特定の状況でサムネイルの上にUI要素を重ねて表示します。
- 右下隅： 動画の長さバッジ（例：「12:45」）。幅の約15%を占めます。
- 下部の帯： 視聴プログレスバー（リピーター向け）。下部5%を覆います。
- 右上隅： デスクトップでのホバー時に表示される「後で見る」や「キューに追加」アイコン。
重要な情報（テキスト、顔、CTA）のセーフゾーンは、フレーム中央の80%です。右下の15%（再生時間バッジ）や右上隅（ホバーアイコン）には、重要な要素を配置しないでください。
サムネイルレイアウトの科学
仕様を理解したところで、視覚的注意の研究に基づいた要素の配置方法を解説します。
Zパターンレイアウト
Nielsen Norman Groupのアイトラッキング調査によると、人は長方形のコンテンツを「左上 → 右上 → 左下 → 右下」というZ字型のパターンでスキャンします。サムネイルにおいては、以下を意味します。
- 左上： フックとなるテキストやブランド要素（最初に目が止まる場所）
- 中央： メインの被写体（顔、製品、アクション）
- 右側： 補足的なビジュアルやリアクション
- 左下： 補足テキストやコンテキスト
- 右下： 回避すべき場所（再生時間バッジ）
三分割法 vs. 中央集中型
伝統的な写真術では三分割法が使われます。しかし、100個のバズったサムネイルを分析した結果、サムネイルにおいては中央集中型の構図が三分割法よりも優れたパフォーマンスを示すことがわかりました（FlowDx Visual Focusスコア：82 vs 67）。
なぜでしょうか？幅168pxでは、「三分割」の交点は端からわずか56pxしかなく、明確な焦点として認識するには境界に近すぎます。被写体は中央に配置し、テキストをオフセット（ずらして配置）しましょう。
最適なテキスト配置
データに基づいた、最もパフォーマンスの高いテキスト位置は以下の通りです。
- 左上 (バズったサムネイルの42%) — 最初の注視点
- 中央オーバーレイ (28%) — 視認性は最大ですが、背景とのコントラストが必要です
- 左下 (18%) — 顔が中央右にある場合に有効
- 右上 (8%) — 最も一般的ではありませんが、短いテキストなら有効
ファイル形式の比較
| 形式 | 最適な用途 | 避けるべき時 |
|---|---|---|
| PNG | テキスト主体のサムネイル、エッジの鋭いグラフィックデザイン | ファイルサイズが大きくなり、2MBを超える可能性がある |
| JPG | 写真ベースのサムネイル（画質80-90%） | 細いフォントのテキスト（圧縮ノイズが発生する） |
| GIF | 非推奨 — YouTubeはサムネイルをアニメーションさせません | 常に |
推奨： テキストを重ねる場合は PNG を使用してください。主に写真の場合は 画質90%のJPG を使用してください。いずれにせよ、2MB以内に収める必要があります。
プラットフォーム別のサムネイルレイアウト
このガイドはYouTubeに焦点を当てていますが、プラットフォームごとに最適なレイアウトは異なります。
| プラットフォーム | 比率 | 主な違い |
|---|---|---|
| YouTube | 16:9 | 横長、テキスト向き、顔中心 |
| Instagram Reels | 9:16 | 縦長、動画からカバーを選択 |
| TikTok | 9:16 | 縦長、最初のフレームがサムネイルになる |
| 16:9 | YouTubeに似ているが、より多くのテキストが許可される | |
| Twitter/X | 16:9 | 表示が小さいため、より大胆な要素が必要 |
公開前にサムネイルをテストする
公開する前に、サムネイルを FlowDx にアップロードしてください。アテンションヒートマップにより、各表示サイズで何が機能し、何が機能していないかを正確に把握できます。FlowDxの DeepGaze IIE モデル (Linardos et al., 2021) は、ピクセル単位ではなく知覚レベルで注意を予測するからです。
FAQ
YouTubeサムネイルにはどのDPIを使用すべきですか？
画面表示においてDPIは関係ありません。重要なのはピクセル寸法だけです。YouTubeサムネイルは常に画面解像度で表示されます。1280×720ピクセルでデザインしてください。画像エディタのDPI設定（72, 150, 300など）は、YouTube上での見え方に一切影響しません。
4K画像をサムネイルとして使用できますか？
1280×720より大きな画像をアップロードすることは可能ですが、YouTubeによってリサイズと圧縮が行われます。これにより、特にテキストの縁などにノイズが発生することがよくあります。最高の品質を維持するには、正確に1280×720でデザインし、書き出してください。
すべてのサムネイルにチャンネルロゴを入れるべきですか？
あなたのブランド自体が強力な引き（例：誰もが知る有名ブランド）である場合のみにしてください。ほとんどのクリエイターにとって、ロゴは顔やテキストに使うべき貴重なスペースを奪うだけです。YouTubeはすでにサムネイルの下にチャンネル名とアイコンを表示しているため、重複するロゴは貴重なスペースの無駄遣いになります。
カスタムサムネイルのA/Bテストについてはどうですか？
YouTubeの テストと比較 機能（チャンネル登録者数1,000人以上のチャンネルで利用可能）を使用すると、最大3つのサムネイルを同時にテストできます。FlowDxを使用して事前にバリエーションを絞り込み、上位2〜3個をYouTubeでテストすることをお勧めします。これにより、AIによる予測と実世界での検証を組み合わせることができます。
References
- YouTube Help Center. Add video thumbnails.
- YouTube Help Center. Test and compare thumbnails.
- Nielsen Norman Group. F-Shaped Pattern For Reading Web Content.
- Linardos, A. et al. (2021). DeepGaze IIE. ICLR 2021.