つかいかた

サムネるは選ぶだけでサムネイルがつくれます。スマホだけでも、色を選ぶところからダウンロードまでできます。ここでは、実際の画面と同じ順で説明します。読みながら操作できます。

①〜③はおためしで、ログインなしで・1枚も減らさずに触れます。

打つ言葉のほうで迷ったら、作例集に、言い方ごとの実物と「なぜその言い方か」を並べてあります。

① 色と雰囲気を選ぶ

まず色を選びます。5種類あり、選んだ色は背景の絵柄と文字の色の両方を決めます。

★色は最初に選びます。次の「型」の見本を、選んだ色で描き直すためです。あとから色だけを変えることはできないので (変えると絵から作り直しになり、1枚ぶん使ってしまいます)、ここでしっくりくるものを選んでください。

  • 信頼・落ち着きの見本
    信頼・落ち着き
  • 緊張・警告の見本
    緊張・警告
  • 熱狂・ポップの見本
    熱狂・ポップ
  • 清潔・やわらかの見本
    清潔・やわらか
  • 高級・上質の見本
    高級・上質

② 型を選ぶ

次に型を選びます。型は「文字をどこに、何段で置くか」だけを決めます。8種類あり、①で選んだ色で見本が描かれます。

人物を置くかどうか、背景をぼかすかどうかは型では決まりません。 人物はこのあとの③で、ぼかしは⑤で選びます。どの型でも人物は置けます。

  • 型「左に大きく、下に小さく」の見本
    左に大きく、下に小さく(2段)
  • 型「左に大きく」の見本
    左に大きく(1段)
  • 型「左に3段」の見本
    左に3段(3段)
  • 型「左に3段・右上がり」の見本
    左に3段・右上がり(3段)
  • 型「上下に分ける・中央ぞろえ」の見本
    上下に分ける・中央ぞろえ(2段)
  • 型「上下に3段・左ぞろえ」の見本
    上下に3段・左ぞろえ(3段)
  • 型「下に2段・中央ぞろえ」の見本
    下に2段・中央ぞろえ(2段)
  • 型「下に3段・左ぞろえ」の見本
    下に3段・左ぞろえ(3段)

迷ったら、いちばん上の「左に大きく、下に小さく」で大丈夫です。いちばん使われる形です。

★ 段ってなに?

1段 = 入力欄1つです。3段の型なら入力欄が3つ並び、それぞれが別の大きさで表示されます。 「1段目(特大)」「2段目(小)」のように、画面の上から見た順番と文字の大きさがラベルに書いてあります。

段が多いほど言葉を分けて置けますが、1つあたりは小さくなります。言いたいことが1つなら1段、補足を足したいなら2段、というふうに選びます。

1段あたり何文字まで大きく出るかは、型ごとに違います。 型ごとに測った表を「YouTubeサムネイルの文字数は何文字がいいのか」に載せました。

  • 1段の型の見本
    1段(入力欄が1つ)/左に大きく
  • 2段の型の見本
    2段(入力欄が2つ)/左に大きく、下に小さく
  • 3段の型の見本
    3段(入力欄が3つ)/左に3段

★改行は打てません。長い言葉は箱の中で自動的に折り返します。改行の位置は文節を見て決めているので、 変なところで切れることはほとんどありません。

1段あたりは9〜13文字がいちばんきれいに出ます。20文字を超えると、 収めるために文字が小さくなり、スマホの一覧で読みにくくなります。

③ 文字と人物を入れる

段の数だけ入力欄が出るので、上から順に入れていきます。

  • 背景の絵… いちばん上で選びます。ふつうは打った言葉から AI が描きます。 「自分の画像を使う」を選ぶと、ゲーム画面などの画像をそのまま背景にできます (AIは呼びません。枚数は同じ1枚ぶん減ります)。
  • 色を変える言葉… 入れた文字の中にその言葉があれば、そこだけ色が変わります。 無ければ何も起きないので、空のままでも大丈夫です。「、」で区切ると、複数の言葉の色を変えられます。 下の「文字の見た目」で、段の見せ方を「色の板」にした段と、縁取りを選んだ段には効きません(どの段かは、入力欄の括弧に書いてあります)。
  • 文字の見た目… 段の見せ方・文字の後ろの板・文字の装飾・書体・段ごとの縁取りの5つです。畳んであるので、開いて選びます。 それぞれの違いは、すぐ下の「文字の見た目」にまとめてあります。
  • 人物… 置きたい人物を選びます。自分の写真や、動画で使っているキャラクターの立ち絵 (背景が透明なPNG)を登録して置けます。用意してある人物から選ぶこともできます。置かなくても構いません。登録のしかたは人物の登録と、置き方にあります。
  • ロゴ… ゲームのタイトルやアプリのロゴを置けます。設定画面の「ロゴの管理」で画像を登録しておくと、 ここで選ぶだけです。置く場所は型と人物に合わせて決まり、文字と重なるときは小さくなります。置かなくても構いません。 用意してあるロゴで、置いたときの見え方を試すこともできます。 登録のしかたと画像の大きさの目安はロゴの登録と、置き方にあります。
  • 実写風の人物を右に置いたサムネイルの例
    実写風の人物:実際の人が話している動画に合います。
  • アニメ絵の人物を右に置いたサムネイルの例
    アニメ絵の人物:顔を出さないチャンネルでも使えます。

人物は右側に自動で置かれます。位置も大きさも決める必要はありません。 文字は人物の顔を避けた側に置かれます(髪や胸元に少しかかることはあります)。 顔を大きく見せたいときは、胸から上で撮った写真を使うと、同じ枠の中で顔が大きくなります (サムネの顔を大きくするには)。

★自分の写真の背景切り抜きは、お使いのブラウザの中で行われます。元の写真がそのままサムネるのサーバーへ送られることはありません。 登録した人物素材はつくる画面で選ぶだけになるので、毎回アップロードする必要はありません。

★ 文字の見た目(装飾・書体・縁取り)

③の「文字の見た目」を開くと、5つの欄が線で上下に分かれて並んでいます。 線より上の3つ(段の見せ方・文字の後ろの板・文字の装飾)は1枚に1つ選び、 下の2つ(書体・段ごとの縁取り)は段ごとに選びます。 どれも背景・型・人物は変わらず、枚数は同じ1枚ぶんで、AIも呼びません。

段の見せ方

いちばん下の段をどう見せるかの3択です(「色の板」「同じ色」「別の色」)。「色の板」は色のついた板に、濃い字をのせる。「同じ色」はほかの段と同じ字の色。板は敷かない。「別の色」は3つ目の色の字を、太い縁で読ませる。板は敷かない。最初は「別の色」です。 「左に大きく」と「上下に分ける」の型にはありません。

文字の後ろの板

「なし」と「自動」の2択です。「なし」は太い縁で読ませる。板は敷かない。「自動」は背景の明るさを測って、要るときだけ板を敷く。最初は「なし」です。 「色の板」と「別の色」の段は、どちらを選んでも同じです。

文字の装飾

4択です。「ふつう」「くっきり」「ポップ」で変わるのは文字の縁と影だけです。 「黄と赤」は、いちばん大きい段の字を黄のグラデーションに、色を変える言葉を赤にします。 既定は「ふつう」です。

  • ふつう… 細い縁と、やわらかい影
  • くっきり… 縁を太く、影をはっきり落とす
  • ポップ… 字の色で外側にもう1本の縁。小さい字の段は「くっきり」と同じになる
  • 黄と赤… いちばん大きい段を黄のグラデーションに、色を変える言葉を赤にする

「文字の後ろの板」が「なし」のときは、どれも縁が太くなります(「ふつう」は太い縁と、やわらかい影、「くっきり」は太い縁と、はっきりした影)。

同じ背景・同じ文字で、装飾だけを変えた4枚です(色は「熱狂・ポップ」・文字の後ろの板は「自動」)。

  • 文字の装飾「ふつう」でつくったサムネイルの例
    ふつう
  • 文字の装飾「くっきり」でつくったサムネイルの例
    くっきり
  • 文字の装飾「ポップ」でつくったサムネイルの例
    ポップ
  • 文字の装飾「黄と赤」でつくったサムネイルの例
    黄と赤

一覧の大きさでは差が小さく見えます。文字のまわりを切り出すと、こう違います。

  • 「ふつう」の文字のまわりを切り出したもの
    ふつう:細い白い縁と、やわらかい影。
  • 「くっきり」の文字のまわりを切り出したもの
    くっきり:縁が太くなり、影が硬く濃くなります。
  • 「ポップ」の文字のまわりを切り出したもの
    ポップ:太い縁の外側に、字の色でもう1本の輪。影は「くっきり」と同じです。
  • 「黄と赤」の文字のまわりを切り出したもの
    黄と赤:いちばん大きい段の字が黄のグラデーションに。色を変える言葉は赤で、白い縁の外にもう1本、濃い縁が付きます。影は「くっきり」と同じです。

★色によっては差がほとんど出ません。「清潔・やわらか」は字が濃い色で縁が白なので、「ポップ」の外側の輪(字の色)が 「くっきり」の濃い影とほぼ同じ場所に重なります。違いは、チップの板に付く細い枠線くらいです。 「黄と赤」では、黄にした段だけ縁が濃い色に替わります(黄と白い縁では4.5:1に届かないため)。

  • 色「清潔・やわらか」で「ふつう」にしたときの文字のまわり
    ふつう(清潔・やわらか)
  • 色「清潔・やわらか」で「くっきり」にしたときの文字のまわり
    くっきり(清潔・やわらか)
  • 色「清潔・やわらか」で「ポップ」にしたときの文字のまわり
    ポップ(清潔・やわらか)
  • 色「清潔・やわらか」で「黄と赤」にしたときの文字のまわり
    黄と赤(清潔・やわらか)

★字が小さい段には、「ポップ」でも外側の輪が付きません。字の高さが画面の11%に満たない段(3段の型の1段目など)は、 輪が字をつぶして読めなくなるので、「くっきり」と同じ太い縁1本になります。 下の1枚は本番でつくった「ポップ」の実物です。1段目だけ輪が無く、2段目には白い輪、 3段目のチップには枠線が付いています。

「ポップ」でつくったサムネイルの実物。1段目は輪なし、2段目は白い輪、3段目のチップに枠線
本番でつくった「ポップ」の実物です。文字は「サムネの文字が読みにくい人へ / 縁を二重に / ポップでつくる」、 色は「熱狂・ポップ」、型は「左に3段・右上がり」。

書体

段ごとに、「ゴシック」「明朝」「丸ゴシック」「手書き」から選べます。 最初はどの段も「ゴシック」です。縁取りを選んだ段にも、選んだ書体が効きます。

同じ背景・同じ文字で、書体だけを変えた4枚です(どの段も同じ書体にしています)。

  • 書体「ゴシック」でつくったサムネイルの例
    ゴシック
  • 書体「明朝」でつくったサムネイルの例
    明朝
  • 書体「丸ゴシック」でつくったサムネイルの例
    丸ゴシック
  • 書体「手書き」でつくったサムネイルの例
    手書き

書体によって字の幅が少し違うので、同じ文字でも大きさが少し変わることがあります。

段ごとの縁取り

段ごとに、縁取りの見た目を選べます(「白に黒い縁」「黄に黒い縁」「赤に白い縁」「黒に白い縁」)。 最初はどの段も「装飾のまま」で、線より上の3つのとおりに描きます。 縁取りを選んだ段は、その見た目だけで描きます(段の見せ方・文字の後ろの板・文字の装飾・色を変える言葉は、その段には効きません)。

同じ背景・同じ文字で、1段目の縁取りだけを変えた4枚です(2段目は「装飾のまま」)。 1段目の「9割」は色を変える言葉に入れてありますが、縁取りを選んだ段なので色は変わりません。

  • 1段目の縁取りを「白に黒い縁」にしたサムネイルの例
    白に黒い縁
  • 1段目の縁取りを「黄に黒い縁」にしたサムネイルの例
    黄に黒い縁
  • 1段目の縁取りを「赤に白い縁」にしたサムネイルの例
    赤に白い縁
  • 1段目の縁取りを「黒に白い縁」にしたサムネイルの例
    黒に白い縁

文字だけを縁取りした、背景が透明なPNGは、縁取り文字をつくるページでつくれます。ログインは要りません。

書体と縁取りを段ごとに選んでつくったサムネイルの実物。書体は1段目(大)「明朝」、縁取りは2段目(特大)「黄に黒い縁」
書体と縁取りは、1枚の中で組み合わせられます。本番でつくった実物です。 文字は「宇宙が好きな人へ / 土星の環は消える」、書体は1段目(大)「明朝」、縁取りは2段目(特大)「黄に黒い縁」。 色は「高級・上質」、型は「上下に分ける・中央ぞろえ」。

迷ったら、③のプレビューで押し比べてください。どの欄も、変えるたびに打った文字で描き直されます。 見比べるときは、⑤と同じ幅360pxの絵で判断してください。

④ つくる

「つくる」を押すと生成が始まります。1分ほどかかります。画面を開いたままお待ちください。

ボタンの上に「どの大きさにしますか」という2択があります。ふつうは そのまま(ふつうの大きさ)でだいじょうぶです。有料プランでは 「大きく出す」を選ぶと、YouTube の推奨サイズ(3840×2160)の PNG になります(1回で2枚ぶん)。大きく出した1枚は、YouTube の上限を超えるためスマホからは上げられません。パソコンから上げてください。

★枚数が減るのは、この「つくる」を押したときだけです。 このあとの候補の選び直しや、保存のやり直しでは減りません。 うまくつくれなかったときも減りません。

はじめてのときは、ここでGoogleログインが1回だけ入ります。入力した内容はそのまま残るので、打ち直す必要はありません。

人物を置かずに文字だけでつくったサムネイルの例
できあがりの例です。人物を置かなくても成立します。 文字の大きさと改行は、入れた言葉の長さに合わせて自動で決まります。

★ 絵は、打った言葉から考えます

サムネるは、打った言葉を読んでから背景の題材を決めます。 用意された絵の中から選んでいるのではありません。

「100円と3000円」と打ってつくったサムネイル。背景にケーキが2つ並んでいる
「100円と3000円 / 何が違う? / ケーキ食べ比べ」と打ってつくった1枚です。ケーキが2つ並びました(小さいものと、いちごを飾った大きなもの)。 言葉が「2つのくらべもの」だったので、絵もその形になっています。

モノの名前を入れると、絵が近づきます。「Excel」「カレンダー」「三脚」のように、目に見えるものの名前が入っていると、 絵はその世界に寄ります。 逆に「壁」「越えられない」のような言葉だけだと、絵は雰囲気だけになります。

★いつもそうなるとは限りません。言葉と関係のない絵が出ることもあります。そのときは、モノの名前を1つ足してもう一度つくってみてください。

★AIが何を考えて描いたかは、つくったあとに⑤背景を選ぶの候補の下と、生成履歴に 「AIが考えた題材」として出ます。言葉と関係のない絵が出たときは、 そこを読むと、どの言葉がどう読まれたかが分かります。

★有料プランなら、その題材を自分の言葉で直して、背景だけ描き直せます(⑤と生成履歴の「題材をみて、つくり直す」)。文字・色・型・人物は元の1枚のまま変わりません。 背景はAIが描き直すので1回ぶん使います。AIが描くのは背景だけです。文字と人物は、プログラムが重ねています。 同じ題材でも絵は毎回ちがうので、直したとおりの絵になるとは限りません。

★③の「絵の指定(任意)」で、時間帯・屋内か屋外か・距離・光の向き・天気を選べます。 選んだものは、AIが題材を考えるときのいちばん強い手がかりになります (有料プランなら、場所と大きな形を自分の言葉で書けます)。 指定しない項目は、打った言葉からAIが決めます。 「題材をみて、つくり直す」の画面でも同じ指定ができ、指定に合わせて題材を書き直してから背景だけ描き直せます。 同じ指定でも絵は毎回ちがいます。

★場所・大きな形に何を書くか、題材をどう直すかは、絵の指定と、題材の直し方に、実際につくった1枚ずつの前後で並べてあります。

  • 「はじめてのソロキャンプ/道具はこれだけ」で時間帯を「朝」にしてつくったサムネイル
    時間帯: 朝:白樺林に差す朝の光
  • 「はじめてのソロキャンプ/道具はこれだけ」で時間帯を「夕方」にしてつくったサムネイル
    時間帯: 夕方:草原と低い夕日
  • 「はじめてのソロキャンプ/道具はこれだけ」で時間帯を「夜」にしてつくったサムネイル
    時間帯: 夜:焚き火に照らされたテント

上の3枚は、同じ文字・同じ型・同じ色で、「時間帯」だけを朝・夕方・夜に変えて実際にサムネるがつくったものです(清潔・やわらか/上下に分ける/人物なし/ぼかしなし)。 置くもの(リュック・椅子・テント)は毎回AIが決めるので、3枚とも違います。

★言葉と関係のない絵が出るときに何が起きているのかは、「AIにサムネイルの背景を描かせると同じ絵ばかり出るのは、たいてい指示のせい」に、414回まわして切り分けた記録を書きました。

⑤ 背景を選ぶ / ★ ぼかしなし・ありの違い

できあがると候補が2枚出ます。同じ背景のぼかしなしとぼかしありです。好きな1枚を選んでください。 何度選び直しても枚数は減りません。

はじめはぼかしなしが選ばれています。打った言葉から描いた背景の絵が、そのまま見えるからです。 文字の読みやすさ(コントラスト比4.5:1以上)は、どちらを選んでもプログラムが確かめています。 ③の「文字の後ろの板」を「自動」にしたときは、背景が細かいと、文字の後ろにうすい板が付きます。

  • ぼかしなしの例。背景の絵がはっきり見えている
    ぼかしなし:打った言葉から描いた絵が、そのまま見えます。
  • ぼかしありの例。背景がぼやけて文字が前に出ている
    ぼかしあり:背景が静かになり、文字が前に出ます。

★見比べるときは、画面を大きくしないでください。大きく表示すると細かいところまで見えて、実際の一覧とは見え方が変わります。 サムネる側でも、候補は幅360px(スマホの一覧とほぼ同じ大きさ)で並べています。

なぜ360pxなのかと、調整しても読めるようにならない色があるという話は「サムネイルがスマホで読めるかは、幅360pxで確かめる」に書きました。

★ 縁の色(黒/①の色)

候補の上の「縁の色」で、文字の縁を黒(清潔・やわらかは白)か、①で選んだ色(青・赤など)に切り替えられます。字の色はそのままです。こちらも枚数は減りません。

  • 縁の色が黒の例。白い字に黒い縁
    黒:はじめはこちらが選ばれています。
  • 縁の色が赤の例。白い字はそのままで、1段目の縁が赤
    赤(①が緊張・警告のとき):1段目の縁が赤になります。 2段目は「別の色」の段なので、縁は変わりません。

上の2枚は、同じ回にサムネるがつくった候補です(緊張・警告/左に大きく、下に小さく/ぼかしなし)。 段の見せ方を「別の色」「色の板」にした段と、装飾「黄と赤」の黄色の段、段ごとの縁取りを選んだ段は、縁の色が変わりません。

⑥ ダウンロード

「この1枚をダウンロード」を押すと1280×720のPNGがダウンロードされます。そのままYouTubeに設定できる大きさです。 ④で「大きく出す」を選んだ回は、3840×2160のPNGになります。

★選んだ1枚は自動で履歴に残ります。「完了」を押す必要はありません。ダウンロードし忘れても、生成履歴からいつでも保存し直せます。

★ただし選ばなかった残りは、しばらくしたら消えます。 画面を離れたあとで選び直すことはできないので、迷ったらその場で決めてください。

★有料プランでは、できた1枚の下の「同じ背景で、文字だけ打ち替える」から、 枚数を減らさずに文字ちがいの案をつくれます。つくった背景は30日のこるので、あとから生成履歴からも打ち替えられます。

★同じ有料プランで、「背景だけをダウンロード」から、 文字と人物のない背景だけのPNGも落とせます(枚数は減りません)。 ほかのツールで仕上げたいときに。

★反対に「文字だけをダウンロード」からは、背景が透明な、文字だけのPNGが落とせます。 無料プランでも使えて、枚数は減りません。人物とロゴは入りません。自分で用意した背景と重ねるときに。

★YouTubeに載せたあとは、サムネイルのA/Bテストで3案まで比べられます。 ★勝ち負けを決めるのはクリック率ではなく総再生時間です。

わからないことがあったら

よくある質問に、枚数の数え方や商用利用について書いています。 解決しないときはお問い合わせからご連絡ください。

無料で1枚つくる