YouTube サムネイルの作り方｜サイズ、文字入れ、設定まで 8 ステップ

YouTube のサムネイルは、ホーム画面や検索結果、関連動画の一覧で、スマホの小さな画面に表示されます。視聴者がその動画を見るかどうかを決めるまでの時間は 1 秒ほどです。この記事では、YouTube サムネイルの作り方を、サイズ設定から構図、文字入れ、スマホでの確認、YouTube Studio での設定と A/B テストまで 8 ステップで紹介します。

結論から。 YouTube サムネイルは、16:9 の 1280 × 720 ピクセル以上で作り、主役（表情のはっきりした顔や印象的な物）を 1 つ大きく置き、反対側に 10〜13 文字ほどの太い文字を入れます。右下は再生時間の表示に隠れるので空けておき、スマホの一覧サイズで読めるかを確認してから、YouTube Studio でアップロードし、2〜3 パターンを「テストと比較」で検証します。

ステップ 1：サイズを 16:9 に設定する

最初にキャンバスを 16:9 にします。定番のサイズは 1280 × 720 ピクセルで、YouTube のサムネイルのヘルプでは、幅 640 ピクセル以上の画像を求めています。ファイル形式は JPG と PNG が一般的です。

1280 × 720 で作り、2 倍の 2560 × 1440 で書き出すと、テレビやパソコンの大きな画面でもくっきり表示されます。ファイル形式や表示サイズの一覧は YouTube サムネイルのサイズのページにまとめています。

なお、カスタムサムネイルをアップロードするには、チャンネルの確認（電話番号による認証など）が必要です。設定画面にアップロードのボタンが出ない場合は、YouTube Studio の機能の利用資格を確認してください。

ステップ 2：サムネイルで伝えることを 1 つに絞る

サムネイルとタイトルは 2 つで 1 組です。タイトルが内容を説明し、サムネイルは「見たらどうなるか」を見せます。タイトルを先に決めてから、その動画の約束をひと目で感じられる絵を 1 つ選びます。パン作りの失敗談なら焦げたパン、部屋の模様替えなら完成した部屋、比較動画なら 2 つの商品を並べた絵です。

問題、解決策、出演者の顔をすべて 1 枚に入れると、スマホの小さな表示では散らかって見えます。YouTube は動画の内容を正しく表すサムネイルを求めていて、内容に合ったサムネイルは視聴時間にもつながります。

ステップ 3：3 分割で配置を決める

画面を縦横 3 等分し、主役を片側、文字を反対側に置くと、どちらも隠れずに済みます。

右下の角は空けておきます。YouTube はここに動画の長さを表示し、途中まで見た動画では下の端に赤い再生バーが出るので、大事な要素が隠れてしまいます。一覧では角が丸く表示されることが多いため、四隅にも少し余白を残します。

ステップ 4：表情のはっきりした顔を大きく入れる

顔は目を引きます。驚き、喜び、困った顔など、1 つの感情がはっきり伝わる表情なら、文字を読む前に動画の雰囲気が伝わります。サムネイル用の写真は、動画とは別に、顔に明るい光を当てて撮ります。表情は自然に感じるより少し大げさなくらいがちょうどよく、動画から切り出したコマは、ぶれていたり目を閉じていたりすることが多くなります。

顔は画面の高さの 3 分の 1 以上の大きさで、目が見えるように入れます。出演者がいない動画では、完成品、ビフォーアフター、道具のアップなど、いちばん印象的な物を主役にします。料理、ガジェット、旅行のチャンネルは、顔より物を主役にしたほうが伝わる場合も多くあります。

ステップ 5：太い文字を 10〜13 文字ほど入れる

サムネイルの文字は、絵だけでは伝わらないことを補う役割です。動画タイトルと一緒に表示されるので、タイトルにない「結果」や「気持ち」を短く書きます。「初心者がやりがちなパン作りの失敗」というタイトルなら、サムネイルには「パン 20 個 焦がした」のように書くと、タイトルとサムネイルで役割が分かれます。

文字は次のように整えると、スマホでも読みやすくなります。

• フォント：太いゴシック体（極太のゴシック、丸ゴシックなど）
• 大きさ：文字のかたまりが画面の高さの 3 分の 1 ほど
• 行数：1〜2 行。改行は意味の切れ目で入れる
• 縁取り：白い文字に黒や濃い色の縁取り、または影を付ける
• 強調：数字やキーワードだけを黄色や赤にする

日本語は 1 文字に情報が詰まっているので、短い言葉でも意味が伝わります。文字数を増やすより、文字を大きくするほうがクリックにつながりやすくなります。

ステップ 6：コントラストを強める

YouTube の画面は、ライトモードでは白、ダークモードでは黒に近い色です。どちらの背景でも目立つように、色を鮮やかにし、主役と背景をはっきり分けます。

• 主役を背景から切り離す。 背景をぼかすか単色にする、主役を切り抜いて色の付いた背景に置くと、視線が主役に集まります。切り抜きは背景削除ツールで行えます。
• 補色を使う。 暖色の主役に青緑の背景、暗い写真に黄色の文字のように、反対の色を組み合わせると小さくても目立ちます。
• 明るさは少し強めに。 縮小すると色が沈むので、明るさと彩度を少し上げておきます。

ステップ 7：スマホの一覧サイズで確認する

視聴の多くはスマホで、ホーム画面のサムネイルは数センチの大きさです。作ったサムネイルを幅 240 ピクセルほどに縮小するか、画面から離れて見て、「文字が読めるか」「主役が何かわかるか」「表情が伝わるか」の 3 点を確認します。どれかが「なんとなく」なら、文字を減らすか主役を大きくします。

ステップ 8：YouTube Studio で設定し、2〜3 パターンを試す

パソコンで設定する場合

1. YouTube Studio を開き、左のメニューから［コンテンツ］を選びます。
2. 動画の鉛筆アイコン（詳細）を選びます。
3. ［サムネイル］の［ファイルをアップロード］から画像を選び、［保存］を押します。

スマホで設定する場合

1. YouTube Studio アプリで動画を選び、編集（鉛筆アイコン）を開きます。
2. サムネイルの編集から［カスタム サムネイル］を選び、画像を選んで保存します。

YouTube Studio のテストと比較を使うと、1 本の動画にサムネイル（またはタイトルとサムネイルの組み合わせ）を最大 3 つまで登録し、視聴者ごとに出し分けて比較できます。YouTube は視聴時間の割合がいちばん高いものを選びます。この機能はパソコンの YouTube Studio で使い、チャンネルで高度な機能が有効になっている必要があります。

サムネイルを比べるときは、主役の写真だけ、文字だけ、色だけのように、1 か所ずつ変えると、何が効いたのかがわかります。

YouTube サムネイルを作れるツール

ツール	特徴
Canva	YouTube サムネイルのテンプレートが多く、スマホアプリもある
Adobe Photoshop	切り抜きや合成を細かく調整したいときに
Photopea	ブラウザで使える、Photoshop に近い操作の画像編集ツール
Playyy	説明文からサムネイルを作り、文字を編集できる AI デザインツール
スマホの画像編集アプリ	撮った写真に、その場で文字を入れて仕上げたいときに

ツールより大事なのは手順です。使い回せるテンプレート、サムネイル用に撮った写真、短い見出し、比較する 2〜3 パターンがそろえば、どのツールでも同じ品質で作れます。

Playyy で YouTube サムネイルを作る

Playyy は、YouTube サムネイル、SNS 投稿、バナーなどの画像を、編集できるキャンバスで作る AI デザインエージェントで、毎日付与されるボーナスクレジットで無料で始められます。「パン作りの失敗、焦げたパンを持って驚く人、青緑のキッチン、左側に黄色の太い文字」のように動画の内容を説明すると、見出しを編集できる文字として配置した 16:9 のサムネイルを作成します。ブランドキットを設定していれば、チャンネルの色とフォントも反映されます。

写真素材から作りたい場合は、AI 画像生成ツールで 16:9 の画像を作ってから文字を重ねられます。すでに画像として書き出したサムネイルは、画像内の文字編集ツールにアップロードして「Extract editable text」を選ぶと、各行が近いフォントと色のテキストボックスになります。「20 個」を「10 個」に変える、海外向けチャンネル用に見出しを翻訳する、といった修正をして、次のテスト用に書き出せます。

まとめ

YouTube サムネイルの作り方は、16:9 のサイズ設定、伝えることを 1 つに絞る、3 分割の配置、表情のはっきりした顔、10〜13 文字ほどの太い文字、強いコントラスト、スマホサイズでの確認、YouTube Studio での設定とテストの 8 ステップです。まずは使い回せるテンプレートを 1 つ作り、「テストと比較」で視聴者に選ばれるパターンを見つけていきましょう。白紙から作る時間を短くしたいときは、Playyy で動画の内容からたたき台を作るところから始めてください。