YouTubeサムネイルプレビューツール
作ったサムネイル画像とタイトルを入れるだけで、YouTubeのホーム・検索結果・関連動画・スマホ画面での見え方を実寸で確認できます。最大3枚を並べて比較でき、画像はサーバーに送信されません。
サムネイル画像 0 / 3
サムネイル画像をドラッグ&ドロップ
または
Ctrl+Vでも貼り付けできます(Macは⌘+V)
JPG・PNG・WebP・GIF・HEIC(iPhone)/最大3枚まで登録して、A・B・Cで比較できます
仕様チェック
画像を追加すると、縦横比・解像度・ファイルサイズ・形式を、YouTubeの案内に照らして自動でチェックします。
動画の情報
長いタイトルは2行目の終わりで「…」と省略されます。省略されても内容が伝わるよう、大事な言葉は前半に置くのがコツです。
設定しない場合は、チャンネル名の頭文字を丸いアイコンで表示します。
右下の再生時間バッジに表示されます。空欄にするとバッジは表示されません。
プレビュー(実寸)
右下の再生時間バッジや、下端の赤い視聴済みバー(途中まで見た動画に付くバー)が、サムネイル内の文字や顔に重なっていないか確認しましょう。白黒にすると色に頼らず文字が読めるか、ぼかすと遠目でも何の動画か伝わるかを確かめられます。
各プレビューはCSSピクセルの実寸です(ブラウザの表示倍率が100%のとき)。YouTubeの画面はウィンドウの幅や端末、アプリのバージョンによって変わるため、大きさは目安としてご覧ください。
PC・ホーム
サムネイル 幅約360px← 枠の中を横にスクロールできます →
PC・検索結果
サムネイル 約360×202px← 枠の中を横にスクロールできます →
PC・関連動画(再生ページの右側)
サムネイル 約168×94px← 枠の中を横にスクロールできます →
スマホ・ホーム
画面幅いっぱい(幅390pxの端末を想定)← 枠の中を横にスクロールできます →
スマホ・小さい一覧
サムネイル 約160×90px(履歴・再生リストなど)← 枠の中を横にスクロールできます →
極小表示
幅約120px(通知・再生リストのパネルなど)← 枠の中を横にスクロールできます →
使い方
サムネイル画像を追加する
画像をドラッグ&ドロップするか「画像を選択」から選びます。スクリーンショットはCtrl+V(Macは⌘+V)で貼り付けることもできます。最大3枚まで登録でき、A・B・Cとして並べて比較できます。手元に画像がなければ「サンプル画像」で動きを試せます。
タイトルとチャンネル情報を入れる
動画タイトル、チャンネル名、再生回数・投稿日時、動画の長さを入力すると、すべてのプレビューにすぐ反映されます。タイトルが長いときは実際の表示と同じように2行目の終わりで「…」と省略され、何文字目あたりで切れるかの目安も表示されます。
各画面での見え方を確かめる
PCのホーム・検索結果・関連動画、スマホのホーム・小さい一覧、極小表示の6種類を実寸で確認します。ダーク表示、再生時間バッジ、視聴済みバー、白黒・ぼかし表示を切り替えて、文字が隠れたり読みにくくなったりしていないかを確かめましょう。
YouTubeサムネイルプレビューツールとは
YouTubeのサムネイルは、同じ画像でも表示される場所によって大きさが大きく変わります。PCのホームでは幅360px前後ありますが、再生ページ右側の関連動画では幅168px前後、スマホの小さい一覧では幅160px前後まで縮みます(いずれも画面の幅などで変わる目安です)。編集ソフトの大きな画面ではくっきり読めた文字が、実際の一覧ではつぶれて読めない、ということは珍しくありません。このツールは、公開前のサムネイルをYouTube風のレイアウトに当てはめ、実際に近い大きさで表示して確かめられるようにしたものです。公開済み動画のURLは不要で、画像はサーバーに送信されず、お使いのブラウザの中だけで表示されます。
推奨サイズや容量、スマホで伝わるデザインのコツはYouTubeサムネイルのサイズと作り方のガイドで詳しく解説しています。サムネイルを16:9に切り抜くなら画像トリミング・切り抜きツール、容量を小さくするなら画像容量圧縮ツール、WebPなどをJPG・PNGに変換するなら画像形式変換ツールが便利です。画質を保ったまま軽くするコツは画像をきれいに軽くする基本で解説しています。動画の一部を繰り返し見て研究したいときはYouTubeリピート再生ツールもどうぞ。
機能・特徴
- 6種類の表示を実寸で再現PCのホーム・検索結果・関連動画、スマホのホーム・小さい一覧、極小表示までを、CSSピクセルの実寸でまとめて確認できます。
- 最大3枚をA/B/C比較候補を並べて同じ条件で見比べられます。順番の入れ替えや画像の差し替えもワンクリックです。
- タイトル省略と仕様のチェックタイトルが何文字目あたりで「…」になるかの目安と、縦横比・解像度・容量・形式をYouTubeの案内に照らして自動でチェックします。
- サーバーに送らないので安心画像はサーバーに送信されず、ブラウザ内で表示するだけ。公開前の画像や未発表の企画も安心して試せます。
活用シーン
- 公開前にサムネイル案を2〜3枚作り、一覧の中でどれがいちばん目を引くか見比べる
- スマホの小さい表示でも、サムネイルの文字が読めるかを確かめる
- 再生時間バッジや視聴済みバーが、顔や大事な文字に重ならないかをチェックする
- ダークモードの画面で、暗い色のサムネイルが背景に沈まないかを確認する
- タイトルが省略される位置を見ながら、言葉の順番を調整する
よくある質問
画像はアップロードされますか?
プレビューの大きさはどのくらい正確ですか?
YouTubeのサムネイルの推奨サイズや容量の上限は?
16:9ではない画像を使うとどうなりますか?
小さく表示されても読みやすいサムネイルにするコツは?
YouTube Studioの「テストと比較」とはどう違いますか?
スマホでも使えますか?
このツールの更新履歴
-
追加
動画ツールを5つ追加:YouTubeチャプター作成、YouTubeサムネイルプレビュー、YouTube埋め込みコード生成、動画から静止画切り出し、動画GIF変換。