YouTubeバナーのセーフゾーン

1枚の画像、4種類のクロップ

文字とロゴの安全領域は、2048 × 1152での1235 × 338を拡大したものです。このキャンバスでは約1544 × 423です。表示範囲は画面により異なります。

1544×423に合わせてデザインする

モバイルの長方形をバナー本体と考え、その外側は塗り足しと考えます。チャンネル名、タグライン、投稿スケジュールは、すべてその中に収めます。外側は背景であり、テレビで見る人へのおまけです。

文字とロゴの安全領域は、2048 × 1152での1235 × 338を拡大したものです。このキャンバスでは約1544 × 423です。表示範囲は画面により異なります。

• チャンネル名は1544 × 423の長方形の中に、中央配置で。
• スケジュールやタグラインも1行で、同じくその中に。
• SNSのハンドル名は、スマホのサイズでも読める場合だけ——たいてい読めません。
• セーフゾーンの外側：色、質感、アートワークの続き。重要な情報は置かない。

1544ピクセルのメッセージに2560ピクセルのキャンバスが必要な理由

テレビでのクロップは現実に存在するからです。セーフゾーンで途切れたバナーは、テレビや非常に横幅の広いデスクトップのウィンドウで、硬い境目を見せることになります。外側の領域は、デザインを続けるために存在するのであって、情報を載せるためではありません。

帯の外まで自然に続くグラデーション、パターン、写真こそが、バナーを「切り取られたもの」ではなく「デザインされたもの」に見せます。内側の長方形がメッセージを担い、外側のキャンバスが雰囲気を担います。

ファイル形式とデータ量

写真風やイラストのバナーにはJPEG——同じ画像の2560ピクセルのPNGは、見た目の利点がないのに数倍の大きさになります。ベタ塗りの色と文字にはPNG——そのような箇所では、JPEGはあらゆる縁の周りにリンギングを生じさせます。YouTubeは受け取ったものを再エンコードし、独自のアップロードサイズ制限も持つため、過剰に高画質なソースより、きれいに中程度に圧縮されたソースの方が好ましい結果になります。