デバイス別YouTubeチャンネルバナー/サムネイル表示確認ツール

YouTubeのチャンネルバナー作成では各要素の配置が重要となってきます。
スマホアプリ・PCブラウザ・テレビでチャンネルバナー画像を表示した際の見た目を確認できるツールです。
副産物として各動画のサムネイル確認ツールもできたので公開します。

YouTubeチャンネルバナー表示確認ツール

絶対に見切れさせたくない要素は中央の「絶対安全ゾーン」に配置しましょう。
デバイスを選択すると各デバイスでの表示をシミュレーションできます。

📺 YouTubeチャンネルバナーシミュレーター

📱 スマホアプリ版
(上下左右が超豪快にカット)
💻 PCブラウザ版
(上下がカット・左右は広い)
📺 テレビアプリ版
(2560×1440 が全画面表示)
画像が未選択です
❌ PC・スマホで切り取られる領域(上部)
❌ PC・スマホで切り取られる領域(下部)
❌ スマホで
削られる左側
❌ スマホで
削られる右側
✨ スマホ・PC・TVすべてで映る「絶対安全ゾーン」

YouTubeサムネイル「文字被り&視認性」チェッカー

チャンネルバナーシミュレーターのついでに作成しました。
YouTubeに投稿する各動画のサムネイルを確認できるツールです。

🟥 YouTubeサムネイル「文字被り&視認性」チェッカー

画像が未選択です
11:45
⚠️ 時間被り注意エリア
11:45
【衝撃】ここに動画のタイトルが入ります。小さくしても文字は読める?
チャンネル名 ・ 1.5万回視聴 ・ 3時間前