実際にクリックされる YouTube サムネイルのサイズとデザインのヒント

YouTube のカスタム サムネイルは次のようにする必要があります 1280×720ピクセル (16:9 比率)、最小幅は 640 ピクセルです。ファイルサイズは以下である必要があります 2MB。受け入れられる形式: JPG、GIF、または PNG。画像は表示される場所に応じてさまざまなサイズで表示されます。再生ページでは大、検索結果では中、サイドバーと終了画面では小になります。

常にフル 1280 x 720 でデザインしてください。小さいサイズでデザインしてアップスケーリングすると、競合他社の鮮明な画像と比較すると、サムネイルがぼやけて安っぽく見えます。デザイン ソフトウェアが 2 MB を超える PNG を出力する場合、 圧縮してください または JPGに変換する ほとんどの場合、これはさらに小さくなります。

ほとんどの人が誤解しているのは、大きなモニターで 1280x720 でサムネイルをデザインし、それが見栄えが良いと考えているということです。しかし、ほとんどの視聴者は、携帯電話の画面上ではそれを小さな長方形として認識します。フルサイズで読めるテキストが、モバイル サイズでは判読できなくなります。携帯電話で YouTube を起動し、フィード内に実際にどのくらい小さなサムネイルが表示されるかを確認してください。それがデザインする必要があるサイズです。

実際的なルール: 最大 4 ～ 5 ワードのテキスト 巨大で太字のフォントで。ハイコントラストの色 (暗い背景に白いテキスト、または青に黄色のテキスト)。明確な焦点は 1 つで、それは顔、製品、ドラマチックなイメージです。混乱はありません。サムネイルを目を細めて何のことか分からない場合は、簡略化してください。

これは何百万ものビデオのデータによって裏付けられています。人間の顔が含まれたサムネイルは、顔が含まれていないサムネイルよりも一貫して高いクリックスルー率を獲得しています。驚き、興奮、好奇心など、表情豊かな顔が最も効果的です。クリックベイトされているからではなく、人間は顔を見て感情を読み取るように組み込まれているからです。

顔サムネイルを作成する場合は、 写真をトリミングする タイト - 頭と肩がフレームの大部分を占めています。片側にテキスト用のスペースを残します。顔は明るく、高解像度である必要があります。顔がぼやけていたり、暗いと、顔がまったくない場合よりもパフォーマンスが悪くなります。

サムネイルをアップロードする前に、視聴者が実際に見るサイズでサムネイルをテストしてください。任意の画像ビューアでデザインを 168 x 94 ピクセルに縮小します。これは、デスクトップ上で推奨されるビデオ サムネイルのサイズとほぼ同じです。まだ文字読めますか？画像が何についてのものかわかりますか？そうでない場合は、簡略化してください。 1 つの単語を削除するか、残りのテキストを大きくするか、テキストと背景のコントラストを増やします。

もう 1 つの便利なテスト: 携帯電話で YouTube を開いて、ホーム フィードのサムネイルを確認します。どのものが注目を集め、どのものが背景に溶け込んでいるかに注目してください。パターンには一貫性があり、明るい色、読みやすいテキスト、表情豊かな顔が毎回優れています。暗いサムネイル、小さなテキスト、混雑した背景はスクロールされて通り過ぎます。

ビデオの静止フレームをサムネイルとして使用しても、うまく機能することはほとんどありません。ビデオ フレームは、静的な表示ではなく、動きに対して最適化されています。専用のサムネイル デザインは、自動生成されたオプションよりも常に優れたパフォーマンスを発揮します。その他のよくある間違いとしては、2 つ以上のフォントを使用すること、注目を集めるための視覚要素を追加しすぎること、YouTube の白いインターフェイスから目立つのではなく溶け込むカラー パレットを選択することなどが挙げられます。デザインをすっきりさせます。焦点を 1 つ、短いテキスト要素を 1 つ、コントラストを高くします。

サイズ: 1280 x 720 ピクセル (16:9)。 最大ファイルサイズ: 2MB。 形式: JPG または PNG。 テキスト: 最大 4 ～ 5 単語、大きな太字フォント。 デザインのヒント: 最終的に決定する前に、携帯電話のサイズでテストしてください。 処理: 1280x720 にサイズ変更 ソース画像のサイズが異なる場合。画像リサイザーで YouTube サムネイル プリセットを使用すると、ワンクリックでサイズを変更できます。

ここで、ほとんどのクリエイターがスキップする実際的なテストがあります。サムネイルを 1280 × 720 でデザインした後、画面上の幅が約 2 cm になるまでズームアウトします。これは、YouTube のモバイル向けおすすめ動画サイドバーに表示されるサイズとほぼ同じです。まだビデオの内容がわかりますか？文章読めますか？そうでない場合は、簡略化してください。クリックしようと決めた視聴者には、フル解像度バージョンではなく、この小さなサイズでサムネイルが表示されます。

最もパフォーマンスの高いサムネイルには、 ハイコントラスト 背景要素と前景要素の間、 太字のサンセリフフォント (細いフォントやスクリプト フォントではありません)、および 明確な焦点が 1 つある。サムネイルが何を示しているかを説明する必要がある場合、それはあまりにも複雑すぎます。

YouTube のインターフェースでは、白とライトグレーの背景が使用されています。明るく飽和した色、特に赤、黄色、明るい青のサムネイルは、フィード内で自然に目立ちます。これが、明るい背景や色付きの境界線を使用して成功しているクリエイターを多く見かける理由です。それは美学の問題ではありません。 YouTube の UI に対する視覚的なコントラストが重要です。

ただし、不自然に見えるネオン色や極度に彩度の高い色は避けてください。目標は、目を引くことではなく、目を引くことです。サムネイルをニッチな分野の他の動画と並べてテストします。派手に見えずに目立ちますか?それがスイートスポットです。

カスタム サムネイルをデザインしたくない場合は、ビデオのフレームを使用できます。良い表情と明確な構図で、一瞬のスクリーンショットを撮ります。問題: ビデオ フレームは動きによってわずかにぼやけることが多く、構図が静止画用に最適化されていません。

より良いアプローチ: 撮影の開始時または終了時に、意図的に「サムネイル ポーズ」を 3 ～ 5 秒間記録します。じっとして、カメラを見て、大げさな表情をします。次に、そのフレームを抽出し、 16:9にクロップ、そして 1280×720にリサイズ。必要に応じて、基本的な画像エディタを使用してテキスト オーバーレイを追加します。

YouTube は現在、一部のクリエイター向けに YouTube Studio を通じてサムネイル A/B テストを提供しています。アクセスできる場合は、それを使用してください。サムネイル デザインの小さな違いでも、クリックスルー率に 20 ～ 40% の違いが生じる可能性があります。異なる背景色の同じテキスト、テキスト オーバーレイの有無にかかわらず同じ画像、または異なる表情など、一度に 1 つの変数をテストします。

A/B テストにアクセスできない場合でも、手動でテストできます。1 つのサムネイルを含むビデオをアップロードし、48 時間後 (最初のトラフィックが安定したとき) に CTR を記録し、サムネイルを交換して、さらに 48 時間後に CTR を再度確認します。完全に科学的ではありませんが、方向性のあるデータが得られます。

最も成功している YouTube チャンネルは、一貫したフォント、カラー パレット、レイアウトなど、認識可能なサムネイル スタイルを備えています。購読者がフィードをスクロールするとき、タイトルを読む前にビデオを識別できる必要があります。これは、すべてのサムネイルが同じに見えるという意味ではありませんが、視覚的な DNA を共有しています。 2 ～ 3 つのブランド カラー、1 つまたは 2 つのフォント、一貫したレイアウト テンプレートを選択します。

1280 × 720 でサムネイル テンプレートを作成し、ビデオごとに複製して変更します。これにより、ワークフローが劇的にスピードアップします。毎回最初からデザインするのではなく、背景画像を交換し、テキストを変更し、表情を更新するだけです。一貫して投稿を行うほとんどのクリエイターは、テンプレートを確立すると、サムネイル 1 枚につき 5 分以内に費やします。