中山テック 代表の中山です。
さて、YouTubeのチャンネル名変更に伴ってロゴと背景バナーを変更しました。
ゲームや技術についてやるよー的なバナーを作成したのですが、理想サイズがさっぱりわからず・・・
仕方ないのでテレビ・パソコンスマホのベストサイズを計測しました。
どれぐらいのサイズで作成すれば良いのか、説明したいと思います。
Contents
バナー画像変更画面
まずは「YouTube Studio」にログインすることが大前提です。
※そもそもチャンネル作成もやらないと意味ないです・・・
パソコン版でお話しますが、カスタマイズ→ブランディング→バナー画像の項で「変更」の順で遷移します。
アップロードサイズ
細長のバナーをアップしようとしたらエラーが出てしまいました。
これはテレビで表示される最低サイズ「1024×576」を基準としているみたいです。
実際にアップした画像を見てみると・・・
高さが178pxと圧倒的に不足していました。
縦幅が足りない時は
ペイントツールの真ん中に白い四角があって、マウスを載せて左クリックを押したまま引っ張ります。
すると白背景の画像が追加されますので、576pxに合わせます。
これで背景画像の基準を満たす「576px」となりました。
横幅は1081pxと、最低の1024pxを満たしているのでこのままで大丈夫そうです。
位置調整
アップしたはいいものの、バナーが上に行き過ぎて「パソコンで表示可能」「すべてのデバイスで表示可能」まで届きません。
なので制作したバナーを中央に配置します。
※移動の際は「Ctrl + a」で全選択、キーボードの「↓」を押すと移動してくれます
早速バナーを中央に配置できるように調整しました。
YouTube Studioで試してみた所・・・
まだ左寄りでした・・・
今度はバナーを右に寄せていきます。
今度はペイントツール右側の白い四角にマウスを載せ、左クリックしたまま右に引っ張ります。
すると白背景の画像としてサイズが大きくなります。
画像が大きくなったところで「Ctrl + a」で全てコピーしてキーボードの「→」で右に寄せます。
そしてYouTube Studioのサイズに合わせて調整していきます。
無事「すべてのデバイスで表示可能」に合わせることが出来ました！
何度も何度も調整したさ・・・
で、結局サイズはいくつ？
テレビのサイズ
上述しましたが、1024×576です。
かなり大きいので、制作は楽だと思いますがテレビで見ている方が果たしてどれ程かという話になります。
パソコンのサイズ
横幅はテレビMAXサイズの1024で同じでした。
ただ、縦幅がどれぐらいかわからなかったので何度も調整することに・・・
色々実験した結果、170がベストサイズと言うことがわかりました。
つまり「1024×170」がパソコンのベストサイズになります。
すべてのデバイスで表示可能なサイズ
縦幅はパソコン版と同じなので170でしたが、横幅に苦戦しました。
615位かな、と思ったらほんの僅か足りず、1pxずつプラスして617でベストサイズでした（推定）
結果「617×170」でした。
まとめ
チャンネル登録が増えて来ているYouTubeですが、バナー一つ取っても印象が変わります。
すべてのデバイスで表示可能に合わせる場合はかなりテクニックが必要ですが、是非色々試してみてください！
当ブログが参考になったのであれば幸いです。
ホームページ制作系
ご料金はサービス内容・料金を参照ください。
■ホームページ制作
※ロゴ、バナーは外注となります
■SEO対策
Googleガイドライン診断、マネジメント、ブログ執筆など
システム開発系(SES請負契約向け)
■役職
プロジェクトマネジメント、PMO、リーダー、開発(要件定義～納品まで)
■スキル
工数見積(FP法)、折衝・提案、計画、調査、設計、実装(C、Java、クライアント系、SQL等)
データベース全般、テスト計画・項目作成、運用・保守
その他
Excel、プログラミングなどソフト系のお困りごと
対象地域
千葉県：東葛エリア（松戸市、柏市、我孫子市、市川市、流山市、船橋市、鎌ヶ谷市、白井市、浦安市） 他要相談
茨城県：取手市、土浦市、他要相談
埼玉県：三郷市、草加市、春日部市、他要相談
東京都：23区、他要相談
京都府：南区、他要相談
ご質問ございましたら、お問い合わせページよりご連絡ください。
