YouTube サムネイルを図形で目立たせるコツ：帯・囲み・矢印の使い方
YouTube のサムネイルは、動画を見るかどうかを決める最初の手がかりです。 写真や凝ったイラストがなくても、帯・囲み・矢印といったシンプルな図形を使うだけで、文字が読みやすく、目に留まりやすいサムネイルになります。 この記事では、図形を使ってサムネイルを見やすくする方法を、Shape Maker での手順とあわせて紹介します。
まずはサイズを合わせる
YouTube のサムネイルは、横長 16:9 の 1280×720 ピクセルが推奨されています（最小で幅 640 ピクセル）。 ファイルサイズには上限（執筆時点では 2MB）があるので、仕様は YouTube ヘルプでも確認してください。
Shape Maker のYouTube サムネイル作成ツールを使うと、最初から 1280×720 のキャンバスと、 タイトルの帯・強調の丸・矢印が入ったひな形が用意されています。
サムネイルで使える 4 つの図形
1. 帯（四角形）：文字を読みやすくする
文字の後ろに、濃い色の横長の四角形を敷く方法です。背景の色に関係なく文字がはっきり読めるようになり、 どの動画でも同じ位置に帯を置けば、チャンネルの「型」にもなります。帯の色は黒や紺などの濃い色、文字は白か黄色が定番です。
2. 囲み（円・四角形）：いちばん伝えたい言葉を目立たせる
「無料」「3 選」「初心者向け」など、特に伝えたい短い言葉は、赤や黄色の円や四角形の上に置くと目に留まりやすくなります。 白い枠線（線の太さ 8〜12 ピクセル程度）を付けると、背景から浮き上がって見えます。
3. 矢印：視線を誘導する
矢印は、見てほしい場所を指し示すのに便利です。サムネイルは小さく表示されるので、線の太さは 12 ピクセル以上の太い矢印にしましょう。 Shape Maker の矢印は線の太さに合わせて先端も大きくなります。矢印の色は「線の色」で変えられます。
4. 区切り線：情報を整理する
「ビフォー／アフター」や「A と B の比較」のように 2 つのものを並べるときは、真ん中に太い直線を 1 本引くだけで、構成がひと目でわかるようになります。
文字を読みやすくする工夫
| 工夫 | やり方 |
|---|---|
| 文字数を減らす | メインの言葉は 3〜10 文字程度。動画タイトルと同じ文を全部入れない |
| 文字を大きくする | メインの文字は 90〜120 ピクセル程度を目安にする |
| 色の差をつける | 濃い背景には白、明るい背景には黒や紺の文字を使う |
| 影を付ける | 同じ文字を黒で作って数ピクセルずらし、白い文字の後ろ（背面）に置く |
Shape Maker では文字に縁取りを付ける機能はありませんが、表の最後の「影」の方法を使うと、縁取りに近い効果が出せます。 影にする文字を選んで「背面」ボタンを押すと、白い文字の後ろに回り込みます。
レイアウトの注意点
- 右下は空けておく：サムネイルの右下には動画の長さが表示されます。大事な文字や図形を置かないようにしましょう。
- 要素は 3 つまで：帯・囲み・矢印を全部入れると、かえって何を見ればよいかわからなくなります。1 枚に使う図形は 2〜3 種類までにします。
- スマートフォンの大きさで確認する：保存した画像をスマートフォンで小さく表示して、文字が読めるか確認してください。
保存の設定
形式は「JPEG」、解像度は「1x」を選ぶと、ちょうど 1280×720 の画像になり、ファイルサイズも小さく収まります。 図形と文字だけのサムネイルで、色の境目をよりくっきりさせたい場合は PNG でも構いません。違いはPNG と JPEG の違いと使い分けで詳しく解説しています。
まとめ
サムネイルは「帯で文字を読みやすく」「囲みで一言を目立たせ」「矢印で視線を誘導する」の 3 つを意識するだけで、ぐっと見やすくなります。 配置と配色を決めたら、動画ごとに文字だけを変えて使い回すと、作業も速くなり、チャンネルの統一感も出ます。 SNS 向け画像全般のコツはSNS 用のシンプルな図解・画像を作るコツも参考にしてください。