解像度・ファイルサイズ・アスペクト比は、に YouTube の公式ヘルプ(YouTube でカスタム サムネイルを追加する)で確認した内容です。仕様は変わることがあるので、最新は公式ヘルプをご覧ください。
先に結論
- 公式が挙げている推奨の解像度は3840×2160(ショート動画は2160×3840)。最小幅は640pxです。
- 「2MBまで」は半分だけ合っています。スマホからアップロードするときが2MB、パソコンからなら50MBと書き分けられています。
- アスペクト比は16:9(ショート動画は9:16、ポッドキャストの再生リストは1:1)。 形式はJPGやPNGです。
- 小さく作って引き伸ばすのはおすすめしません。粗くなるからだけではありません。実測すると、作る大きさを変えただけで文字の折り返しが変わることがありました(95か所のうち4か所)。
公式が挙げている数字
| 項目 | 動画 | ショート動画 |
|---|---|---|
| 推奨の解像度 | 3,840 × 2,160 px | 2,160 × 3,840 px |
| 最小幅 | 640 px | 640 px |
| アスペクト比 | 16:9 | 9:16 |
| ファイル形式 | JPG、PNG など | |
| 上限(スマホから) | 2 MB | — |
| 上限(パソコンから) | 50 MB | 50 MB |
公式は理由も添えています。カスタムサムネイルは埋め込みプレーヤーのプレビュー画像としても使われるので、できるだけ大きいものにしてほしい、という説明です。 つまり3840×2160という数字は「一覧に並ぶ小さな絵」のためではなく、大きく表示される場面のためにあります。
「2MBまで」でつまずくのはスマホから上げたとき
サムネイルの上限を「2MB」と覚えている人は多いと思います。 ですが公式はアップロードに使う端末で書き分けています。 スマホからなら2MB、パソコンからなら50MBです。
ここが分かっていると、詰まったときの動き方が変わります。2MBを超えて弾かれたときに、まず画質を落とす必要はありません。同じファイルをパソコンから上げれば通ることがあります。
逆に、ふだんスマホで完結させている人は2MBが実質の上限になります。 3840×2160のPNGは2MBを超えやすいので、その場合はJPGにするか、 書き出す大きさを落とすことになります。 スマホだけでつくって上げるまでの流れと、そこで詰まる場所は「スマホだけでサムネイルをつくる」にまとめました。
では何pxで作るのか。小さく作ると何が変わるのか
推奨が3840×2160だからといって、作業する画面まで3840×2160にする必要はありません。 大事なのは「出す大きさより小さく作らない」ことです。
小さく作ると粗くなる、というのは分かりやすい話です。 測ってみると、それだけではありませんでした。同じ文言・同じレイアウトでも、描く大きさを変えると結果が変わることがあります。
サムネるは文字の大きさを自動で決めています(箱に収まるまで縮めて、収まったところで止める)。 この判定はピクセルで行うので、小さく描くほど1pxの重みが大きくなります。 その結果、入るはずのない字が入ってしまったり、逆に折り返したりします。
8つのレイアウト × 5組の文言(=段の合計95か所)を、 描く幅を640・854・960・1280・2048pxに振って通しました。 結果はこうです。
| 結果 | 箇所 |
|---|---|
| 描く大きさを変えても同じだった | 91 / 95 |
| 文字の大きさだけ変わった | 3 / 95 |
| 行数まで変わった | 1 / 95 |
行数が変わった1か所は、「見た目が9割」という6文字でした。 640pxと854pxで描くと2行、960px以上で描くと1行になります。 同じ文字、同じ置き場所、同じ色です。変えたのは描く大きさだけです。
割合にすれば95か所中4か所で、多くはありません。 ただ当たったときの見た目の差は小さくないので、 サムネるは本番も見本も2048pxで描いて、書き出すときに1280×720へ縮めています。 小さく作って引き伸ばすのではなく、大きく作って縮める、という順番です。
大きく出すほどよい、とも限らない
ここまで「小さく作らない」と書いてきましたが、出す側を大きくするほどよいわけでもありません。ファイルサイズの上限がすぐ効いてくるからです。
本番でつくった1280×720のPNGを14枚用意して、それぞれを各解像度に描き直し、 ファイルサイズを測りました。 (元が1280pxなので、はじめから高い解像度で描けばこれより大きくなります。つまり下限の値です。)
| 出力の幅 | 平均 | 最大 | 2MBを超えた枚数 |
|---|---|---|---|
| 1280 | 0.54 MB | 0.79 MB | 0 / 14 |
| 1920 | 0.98 MB | 1.34 MB | 0 / 14 |
| 2560 | 1.29 MB | 1.84 MB | 0 / 14 |
| 3840 | 2.50 MB | 3.62 MB | 11 / 14 |
3840×2160のPNGは、14枚中11枚が2MBを超えました。スマホからアップロードするときの上限がちょうど2MBなので、スマホだけで完結させたい人は、この大きさだと上げられなくなります。
JPGにすれば2MBに収まります。ただし文字の輪郭はJPGにすると甘くなります。 サムネイルは文字が読めることが仕事なので、ここは譲りにくいところです。
(サムネるが1280×720のPNGで書き出しているのは、この理由です。 背景をAIに描かせているのも2K相当なので、それ以上に引き伸ばしても、増えるのはファイルサイズのほうになります。)
つまり大きさは、上げ方とセットで決めることになります。 パソコンからしか上げないなら50MBまで使えるので、大きく出す意味があります。 スマホから上げる日があるなら、2MBに収まる大きさに寄せておくほうが詰まりません。 3840×2160を実際に上げて、YouTubeが視聴者に配る寸法を測った結果は「サムネイルを4Kで上げる意味」にあります。
1280×720が下限になる場面がある
公式の最小幅は640pxですが、サムネイルのA/Bテスト(テストと比較)では1280×720が実質の下限になります。 3案のうち1枚でも1280×720より小さいと、3案とも480pに落として配信されると書かれているからです。
条件や勝ち負けの決まり方は「YouTubeのサムネイルA/Bテストは、勝ち負けをクリック率で決めていない」にまとめました。
大きさより効くのは、縮んだときに読めるか
ここまで大きさの話をしてきましたが、視聴者が実際に見るのは一覧に並んだ小さな絵です。 3840×2160で書き出しても、スマホの一覧では幅360px前後まで縮みます。
なので判断は幅360pxに縮めた状態でします。 大きく表示したまま決めると、読めない文字を「読める」と判断しがちです。 縮めたときの見え方の測り方は「サムネイルがスマホで読めるかは、幅360pxで確かめる」に書きました。
文字を大きく出したいときに効くのは、画像の解像度ではなく1段に入れる文字数のほうです。 こちらは「YouTubeサムネイルの文字数は何文字がいいのか」に、8つの置き場所ぶんの実測があります。
まとめ
- 推奨は3840×2160、最小幅は640px、比率は16:9
- 上限はスマホから2MB・パソコンから50MB。弾かれたらまず端末を変えてみる
- 出す大きさより小さく作らない。大きく作って縮めるほうが、レイアウトが動きません
- 逆に、大きく出すほどよいわけでもない。3840×2160のPNGは2MBを超えるので、スマホからは上げられなくなります
- A/Bテストを使うなら3案とも1280×720以上にそろえる
- 最後は幅360pxに縮めて読めるかを見る