YouTubeのカスタムサムネイルの簡単な作り方

皆さんの中にも、YouTubeに動画を投稿している方もおられるかもしれません。

最近は「YouTuber(ユーチューバー)」という言葉も聞かれるようになり、かなり敷居も低くなってきたように感じます。

私も少しながら動画を投稿していて、カスタムサムネイル作りのコツ(という程ではないですが…)が少し分かってきたので、書いてみたいと思います。
何かの参考になれば幸いです。

スポンサーリンク
yukinradio30

YouTubeガイドライン

ありがたいことに、動画のサムネイルに関してもガイドラインが用意されています。
https://creatoracademy.withgoogle.com/page/lesson/thumbnails?cid=get-discovered&hl=ja

ガイドラインによりますと…

  • 解像度が1280×720(最小幅が 640 ピクセル)でアスペクト比が16:9でファイルの大きさが2MB以内
  • 見栄えの良いサムネイル
  • ファイル形式がJPG、GIF、BMP、PNG

となっています。
一つづつ考えてみましょう。

解像度が1280×720(幅は最低640ピクセル)でアスペクト比が16:9でファイルの大きさが2MB以内

全部まとめて設定してみます!
※Photoshopを使用していますが、他の画像編集ソフトでも考え方は同様です。

Photoshopを起動し「ファイル」→「新規」から、幅と高さを「1280×720」と選択します。
Photoshopの新規設定画面
白いキャンバスが現れると思いますが、これは、ファイルデータには含まれない「範囲」をあらかじめ設定したものです。

次に「アスペクト比が16:9」という条件がありますが、アスペクト比とは、画像の縦と横の長さ(ピクセル数)の比のことです。
「1280×720」のサイズがすでに、16:9のアスペクト比なので、これもクリア。

「ファイルの大きさが2MB以内」という条件もありますが、これは、画像を保存するときに「ファイル」→「Web用に保存」を選択すれば、自動的に圧縮してくれます。

保存形式に関しては後ほど…

あとは、好きな画像や切り取った画像をコピペして、バウンディングボックスを表示させ、縮小してあげればOKです。
※等倍縮小させたい場合は、shiftキーを押しながらバウンディングボックスを操作します。
Photoshopのバウンディングボックス

見栄えの良いサムネイル

YouTubeのサムネイルは様々なところで使用されるので、小さくても目を引くサムネイルが良いです。
今はスマートフォンが普及しているので、特にそう言えます。

見栄えの良いサムネイルとは…

  • 人物が出ているなら顔のアップ
  • 「着地点」の画像
    例えば、料理動画なら材料の画像より出来上がった料理の画像
  • コントラストや色彩がはっきりしたもの
  • テキスト(文字)の使用

などなどです。

試しに文字を入れてみます。
※画像は切り取り&縮小しています。
サムネイル1
サンバーストの背景も入れてみました。
サムネイル2
かなり見栄えが良くなりましたね!

ファイル形式がJPG、GIF、BMP、PNG

あとは指定の形式で保存&アップロードするだけです。

BMP形式はあまり聞きなれない形式ですが、Windows標準のファイル形式で非圧縮のため、ファイルサイズが一番大きくなるそうです。

その他の形式の特徴は次の通りです。

  • JPG フルカラー(16777216色)を表現できるので、写真やグラデーションの画像に向いています。
    しかも、圧縮しても比較的高画質なのがウリです。
  • GIF 256色まで扱うことができ、透明色の指定ができます。
    主にロゴやイラストに向いています。
  • PNG JPGやGIFに代わるファイル形式として新しく開発されたものです。
    フルカラーも256色も扱うことができますが、フルカラーだとJPGよりもファイルサイズが大きくなります。

以上の点から、写真はJPG、ロゴやイラストはPNGかGIFが向いていると言えます。

今回の画像は、写真とイラスト背景の合成なので「PNG」で保存してみました。
可能であれば、実際にそれぞれのファイル形式で保存してみて、プレビュー&ファイルサイズのチェックをオススメします。

まとめ

コツと言うほどではありませんが、あらかじめキャンバスサイズを「1280×720」に指定すると作業がラクです。
あとは「ファイルの大きさが2MB以内」に気をつければOK。

目を引くサムネイルを作って、沢山の人に動画をみてもらいましょう!

スポンサーリンク
yukinradio30

シェアする

フォローする

スポンサーリンク
yukinradio30