noteのサムネで迷わないために｜Nano Banana Proのプロンプト設計

2026年10月4日 08:47

noteの記事は書けたのに、見出し画像の配色や構図で手が止まる。テンプレートを選び直していると、決めることが増えてしまいます。
先に固定したいのは、画像の用途、載せる言葉、選ぶ基準です。その条件をNano Banana Proへ渡し、候補を作ります。出てきた画像は、文字と見切れから確認します。
この記事では、note用の基本プロンプトに加えて、次の3つを紹介します。

SNS縦長画像への展開プロンプト
失敗した場所だけを直すプロンプトと判断例
生成から検品・保存までの7工程と記録の型

この記事が提案するのは、画像を作るたびに同じことを決め直さないための手順です。制作時間の短縮やクリック率の向上を実測した報告ではありません。

まず、用途・言葉・選び方を固定する

画像生成AIへ記事全文を渡す前に、次の3つを書き出します。

用途：noteの見出し画像か、SNSの投稿画像か。
言葉：画像に載せる短い見出しと、内容を補う一文。
選ぶ基準：文字が正しい、縮小して読める、表示時に切れない。

noteの見出し画像は、公式推奨の1280×670pxを仕上がりの基準にします。推奨サイズと異なる画像は、トリミングされて表示される場合があります。
SNS用の縦長画像は別に作ります。本稿では4:5を独自の制作ルールとして使います。noteの公式推奨サイズではありません。
出典：note「登録画像の推奨サイズ一覧」

noteの見出し画像を作る

以下の「入力」だけを差し替えて使います。見出しは先に自分で確定し、画像生成AIに言い換えさせない設計です。

note記事の見出し画像候補を1枚作成してください。

【入力】
記事テーマ：［記事が伝えることを1文で記入］
想定読者：［誰が、どの場面で迷っているか］
メイン見出し：［画像に載せる短い日本語］
補足見出し：［内容を補う一文］
基調色：オレンジ#F29F38

【完成用途】
noteの見出し画像。最終仕上がりは1280×670pxの横長。
生成時にこの寸法を厳密指定できない場合は、利用環境で選べる
横長比率を使い、後で1280×670pxへ切り抜ける構図にしてください。
16:9で生成する場合は、上下の切り抜きを見越して重要な言葉と
主役を中央寄りへ置いてください。

【デザイン】
・白背景のフラットなエディトリアルデザイン。
・主役イラストは1点。記事の内容に合う道具などを大きく描く。
・メイン見出しを大きく、補足見出しを小さく配置する。
・入力した見出しを一字一句変えず、余計な文字を足さない。
・重要な文字と主役を端へ置かず、仕上がりの外周60pxを白く保つ。
・文字とイラストが重なる場合はイラストを前面にする。
  ただし重要な言葉を隠さない。
・白、ネイビー#14213D、オレンジ#F29F38を基本にする。
・写真風、3D、グラデーション、強い影、額縁、モックアップは禁止。
・URL、連絡先、架空のロゴ、入力にないコピーを追加しない。

文字が正確に描けない場合は、無理に描かず文字なし版を作成し、
別の編集工程で文字を載せられる余白を残してください。

ピクセル寸法やファイル形式は、指示文を書くだけで保証されるものではありません。生成後に画像の情報を確認し、必要なら画像編集ツールで切り抜き・サイズ調整・書き出しを行います。
ここに示した配色、余白、文字数の考え方は本稿の制作ルールです。noteが指定した必須条件とは分けて扱ってください。

候補は「きれい」より先に、文字と見切れを見る

好みで選ぶ前に、使える画像かを確認します。

文字が正しいか：漢字、記号、見出しの抜けを元の文と照合する。
縮小して読めるか：スマートフォンの一覧を想定し、メイン見出しが分かるかを見る。
表示時に切れないか：仕上がりサイズと投稿先のプレビューを確認する。

この順番なら、見た目が好みでも文字が誤っている候補を先に外せます。すべてを満たす画像がなければ、どこが原因かを分けて修正します。
複数の候補が必要なら、同じ条件で追加生成します。「1回の指示で必ず複数枚出る」という前提では運用しません。

Nano Banana Proを使う理由と、Canvaで足りる場合

Googleの公式資料では、Nano Banana ProはGemini 3 Pro Imageとして案内されています。複雑な指示を伴う制作や、文字を含む画像づくりを扱うモデルです。
ただし、文字を描けることと、こちらが渡した日本語が毎回正しいことは別です。生成結果の照合は残します。
構図の候補を言葉で試したいなら、画像生成AIは選択肢になります。一方、すでに使いやすいCanvaのテンプレートがあり、見出しを差し替えるだけで済むなら、その方法を続けて構いません。
文字だけが誤る場合は、イラストを生成して、文字を編集ツールで載せる方法もあります。使うツールを増やすかどうかは、現在の作り方でどこに困っているかで判断します。
なお、GoogleのAPI資料にある比率・解像度の設定と、Geminiアプリの画面で選べる操作は同じとは限りません。使う環境でNano Banana Proの利用可否と設定を確認してください。
出典：Google「Nano Banana image generation」

noteへ載せる前に確認すること

note公式は、内容に合う画像と、大きなシルエット・構図・色面を勧めています。小さな要素を増やすより、記事を表す主役を1つに絞る方針で設計します。
また、「見出し画像のポイント」にはCanvaとの連携機能が終了した案内があります。Canvaを使う場合は、Canva側で画像を作成・保存し、noteへアップロードする流れです。
アップロード後は実際のプレビューで文字と見切れを確認します。画像の容量は、note公式の案内に沿って10MB以下に収めます。
出典：note「見出し画像のポイント」、登録画像の推奨サイズ一覧

作ったあとも迷わない手順

ここからは、基本プロンプトで作った画像をSNS用へ展開し、不具合を直し、次回使える形で残すための手順です。
掲載するプロンプトと7工程は、本稿で提案する運用案です。以下の記入済み例は説明用の仮想例であり、筆者の実際の生成結果や改善実績ではありません。

1．SNS縦長画像へ展開するプロンプト

横長のnote画像を、そのまま引き伸ばすのは避けます。記事の言葉と配色は引き継ぎ、縦長用に配置を組み直します。
元画像を添付できる環境では、採用したnote画像を参照にします。添付できなければ、基本プロンプトと同じ見出し・配色・モチーフを入力してください。

採用済みのnote見出し画像の内容を、SNS投稿用の縦長画像へ展開してください。

【引き継ぐ入力】
記事テーマ：［1文］
参照画像：［採用画像を添付。添付できない場合は構図とモチーフを記入］
メイン見出し：［確定済みの見出し］
補足見出し：［確定済みの一文］
基調色：オレンジ#F29F38
残す配色・モチーフ：［色と主役を記入］

【用途と配置】
・SNS投稿用。縦横比は4:5、最終仕上がりは1200×1500px。
・元の横長画像を引き伸ばさず、縦長用に構図を組み直す。
・生成時に正確なピクセル寸法を指定できない場合は4:5で生成し、
  後の編集工程で仕上がりサイズへ調整する。
・外周80pxは白く保つ。太い枠、台紙、額縁を入れない。
・メイン見出し、補足見出し、主役イラストの3要素を中心にする。
・見出しを小さくする前に、不要な装飾を減らす。
・入力した日本語は一字一句変えない。URLや余計なコピーを追加しない。
・文字とイラストの重なりはイラストを前面にし、重要語を隠さない。
・フラットな描画を維持し、写真風、3D、グラデーションに変えない。
・白、ネイビー#14213D、オレンジ#F29F38を基本にする。

【完成条件】
元記事と主張が一致し、見出しが正確で、縮小して主題が分かること。
文字が崩れる場合は文字なし版へ切り替え、別工程で正確な文字を配置する。

この1200×1500pxは本稿のSNS制作ルールです。noteの見出し画像推奨や、SNS側の唯一の対応サイズを意味しません。

2．直す場所を1つに絞るプロンプト

文字の誤り、見切れ、構図のずれは、それぞれ対処が異なります。画像を見て最も困る不具合を1つ選び、残す要素も同時に指定します。

添付した画像を、次の指定に沿って修正してください。
元画像を別のデザインへ作り替えず、指定した不具合を優先して直します。

【修正対象】
症状：［文字の誤り／見切れ／文字が小さい／構図のずれから1つ］
対象箇所：［どの文字、どの位置か］
現在の状態：［見えている問題を具体的に記入］
正しい状態：［修正後の文字や配置を記入］

【必ず残すもの】
見出しの内容：［確定文言］
配色：［使用色］
主役イラスト：［残すモチーフと形］
構図：［動かさない位置や関係］

【変えてよい範囲】
［例：補足見出しの位置と文字サイズのみ］

【修正ルール】
・変更は上記の範囲に限定する。
・新しい文字、ロゴ、飾り、背景面を足さない。
・文字は指定した正しい状態と一字一句合わせる。
・重要な言葉を端へ置かず、指定用途の安全域を守る。
・フラットな描画と元の配色を維持する。

用途：［note見出し／SNS縦長］
仕上がりサイズ：［1280×670px／1200×1500px］

修正できない場合は、崩れた文字を残したまま完成とせず、
文字なし版に切り替えてください。後の編集工程で文字を配置します。

「変更範囲を指定した」ことは、その範囲だけが必ず変わる保証ではありません。修正後は、残すはずだった見出し、配色、主役も元画像と比べます。

3．症状ごとに、修正か再生成かを決める

文字だけが誤っている場合
正しい文言と対象箇所を指定して修正します。ほかの文字まで崩れるなら、文字なし版にして編集ツールで載せます。
文字や主役が切れている場合
仕上がりサイズへ切り抜いた状態で、どこが切れるか確認します。余白を増やす、対象を内側へ移す、といった変更だけを指示します。
縮小すると文字が読めない場合
補足や装飾を減らし、メイン見出しを大きくします。文字を詰め込むために主役と見出しを小さくし続けないことが判断基準です。
全体の構図が記事と合わない場合
部分修正より、基本プロンプトのモチーフや配置を見直して再生成する案を選びます。部分修正と再生成のどちらが速いかは、実際の作業で確かめます。

4．生成から保存までの7工程

工程1：入力を確定する
記事テーマ、読者、メイン見出し、補足見出し、基調色を書きます。先に確定した言葉を画像の中で変更しないようにします。
工程2：note用の候補を作る
先ほどの基本プロンプトを使います。複数の候補が必要なら、条件を変えずに追加生成します。枚数や生成の制限は利用環境で確認してください。
工程3：文字と見切れで候補を絞る
文字、縮小表示、仕上がりサイズの順で確認します。採用候補と、直すべき不具合を1つ記録します。
工程4：必要な箇所を修正する
部分修正プロンプトを使います。文字の精度が出ない場合は、イラストと文字を別工程に分けます。修正前後で残す要素も照合します。
工程5：必要な媒体へ展開する
SNS画像が必要な場合だけ、縦長プロンプトで配置を組み直します。note画像の引き伸ばしで済ませず、縦長画像でも文字と見切れを確認します。
工程6：寸法と投稿先の表示を確認する
画像編集ツールで指定寸法へ整え、PNGまたはJPEGなど利用先に合う形式で書き出します。note用は10MB以下を確認し、アップロード後のプレビューも見ます。
工程7：採用理由と指示を保存する
完成画像だけでなく、使ったプロンプト、入力、修正指示、採用理由をまとめます。次の記事では共通条件を残し、テーマと見出しを置き換えます。

5．公開前チェック

次の項目をすべて確認してから使います。

画像の主張が記事の内容と一致している。
見出しと記号が確定文言どおりである。
縮小表示で主題と主役が分かる。
仕上がりサイズで重要な文字や主役が切れていない。
部分修正で、残すはずの要素まで変わっていない。
余計な文字、架空のロゴ、不要な連絡先がない。
使用素材の権利と、利用サービスの条件を確認している。
ファイルの寸法・形式・容量と、投稿先のプレビューを確認している。

画像生成AIに検品を頼んでも、自分で文字と表示を照合する工程は省きません。

6．記入済み例：文字だけを直す判断

以下は説明用の仮想例です。生成・修正が実際に成功したという記録ではありません。
入力

記事テーマ：日曜に月曜の最初の仕事を決めておく。
メイン見出し：月曜の最初の一手
補足見出し：日曜に、始める仕事を1つ決める
用途：note見出し、1280×670px。
配色：白・ネイビー・オレンジ。
主役：開いたノートとペン。

問題が見つかったと仮定する
メイン見出しの「一手」が「一歩」になっている。構図と配色は採用したい状態です。
修正の判断
全体は作り直さず、見出しだけを修正対象にします。

症状：文字の誤り
対象箇所：メイン見出しの末尾
現在の状態：「月曜の最初の一歩」
正しい状態：「月曜の最初の一手」

必ず残すもの：補足見出し、白・ネイビー・オレンジの配色、
開いたノートとペンの形、主役の位置。
変えてよい範囲：メイン見出しの文字のみ。

修正後は正しい見出しと照合する。
別の文字まで崩れる場合は文字なし版へ切り替え、編集ツールで載せる。

修正後に確認すること
見出しの全文、補足見出し、主役の形、仕上がりサイズでの見切れを確認します。直ったかどうかは、実際の出力を見て判定します。

7．次回へ残す記録の型

共通仕様と、今回だけの入力を分けて保存します。失敗した指示も残すと、同じ修正を繰り返すときの判断材料になります。

記事名：
用途・仕上がりサイズ：
利用環境・確認できたモデル名：
配色：
メイン見出し・補足見出し：
主役モチーフ：
基本プロンプト：
見つけた不具合：
部分修正の指示：
文字を別工程にしたか：
公開前チェックの結果：
採用理由：
完成画像の保存先：
次回も残す条件：
次回に置き換える入力：

仮想例の記録内容

残す条件：note用1280×670px、白い外周、見出しと補足のサイズ差。
置き換える入力：記事テーマ、見出し、主役モチーフ。
不具合：見出しの「一手」が「一歩」になったと仮定。
修正方針：文字だけを修正。崩れる場合は文字を別工程へ。
検品結果・採用理由：実際の出力を確認するまで未記入。

次の記事で、見出しを1つ確定する

まず、次の記事で画像に載せる短い見出しを1つ決めてください。
基本プロンプトへ入れ、note用の候補を1枚作ります。採用するときは、文字が正しいか、縮小して読めるか、表示時に切れないかを確認します。
次回のために残すのは、完成画像だけではありません。使った条件と、選んだ理由も一緒に保存しておく。それが、毎回の画像づくりで同じことを決め直さないための出発点です。