noteの見出し画像は推奨サイズ1280×670ピクセルで、Canvaなどの無料ツールを使えばデザイン未経験でも15分以内に作成できます。この記事では作成手順から著作権確認まで実践的に解説します。
この記事でわかること
| # | 内容 |
| 1 | 推奨サイズ1280×670の設定方法と表示場所ごとの注意点 |
| 2 | Canva・Adobe Express・みんなのフォトギャラリーの使い分け |
| 3 | フリーランスが差別化できる5つのテンプレート型 |
30秒診断全2問・あなたに合う働き方のタイプが分かります
Q1. 今の仕事について、一番近いものは？
この記事の結論
note見出し画像は、推奨サイズ1280×670ピクセルに合わせてCanvaまたはAdobe Expressで作成し、文字は15文字以内に絞って中央寄りに配置するだけで、スマートフォンでも視認性の高い画像が完成します。フリーランスの場合は「誰向けの記事か」「何が得られるか」の2点を画像で伝えることで、読者のクリック率向上につながります。画像素材は「みんなのフォトギャラリー」か利用規約を確認済みのフリー素材を使用し、著作権トラブルを事前に防ぐことが長期的な発信継続の基盤になります。
今日やるべき1つ
Canvaで1280×670ピクセルのカスタムキャンバスを作成し、記事テーマを15文字以内で入力して画像をダウンロードしてください（15分）。
状況別ショートカット
| 状況 | 読むべきセクション | 所要時間 |
| サイズが分からない | note見出し画像は1280×670ピクセルが基準 | 2分 |
| ツールの使い方を知りたい | 無料3ツールで15分以内に作成 | 5分 |
| 文字の配置で迷っている | 視認性は5つの鉄則で確保 | 3分 |
| 著作権が不安 | 素材の著作権は3段階で確認 | 3分 |
| フリーランスとして差別化したい | フリーランスの見出し画像は5つの型で量産 | 5分 |
note見出し画像は1280×670ピクセルが基準
推奨サイズは幅1280・高さ670ピクセル
note公式メディアでは、見出し画像の推奨サイズとして幅1280ピクセル・高さ670ピクセルを案内しています。比率は約1.91:1で、横長の横型レイアウトが基本です。この比率はFacebook投稿やウェブのOGP画像と同じ規格に近いため、SNSでシェアされた際にも画像が自動的に正しい比率で表示されやすくなります。note内の見え方だけでなく、SNS経由の流入にも備えたサイズ設定です。
Canvaの基本的な使い方を先に押さえておくと、カスタムサイズの入力からテンプレート選択まで迷わず進めることができます。
CanvaやAdobe Expressでキャンバスを作成する際は、カスタムサイズとして「幅1280・高さ670」を入力してから作業を始めてください。最初にサイズを固定することで、後から比率ズレが発生するトラブルを防げます。
表示場所によって見える範囲が変わる
推奨サイズで作成しても、表示場所によってはトリミングが発生します。note記事一覧のサムネイル表示では画像の左右が一部カットされ、スマートフォン表示では上下が削られるケースがあります。そのため、文字や人物の顔などの主役要素は画像の中央70%エリアに収めるのが安全です。端から10〜15%の範囲は余白として扱い、重要な情報を置かないことを原則にしてください。
この余白設計を最初に意識しておくと、後述する文字配置の手順が自然と守りやすくなります。
サイズ確認は書き出し前に必ず実施
Canvaで作業する場合、右上の「共有」からダウンロード画面を開いたときに「サイズを変更」オプションが表示されることがあります。ここでサイズを変更してしまうと比率が崩れるため、ダウンロード時のサイズ変更は行わないのが原則です。作業開始時に設定したカスタムサイズ（1280×670）のままPNGまたはJPEGで書き出してください。
CHECK
▶ 今すぐやること: Canvaを開き「カスタムサイズ」で幅1280・高さ670と入力してキャンバスを作成する（3分）
Q: JPEGとPNGのどちらで書き出すべきですか？
A： 写真を主素材とする場合はJPEGでファイルサイズを抑え、テキスト主体のグラフィックデザインはPNGを選ぶと画質が劣化しにくいです。いずれも推奨サイズで書き出せば品質に大きな差は出ません。
Q： 推奨サイズより大きい画像を設定したらどうなりますか？
A： noteは設定時に自動でリサイズ処理を行いますが、比率が1.91:1から外れていると上下または左右が大幅にトリミングされます。最初からカスタムサイズ1280×670で作成した方が確実です。
無料3ツールで15分以内に作成
Canvaは最もテンプレートが豊富
Canvaは無料プランでも数千種類のテンプレートを利用できるデザインツールです。note公式情報では、note編集画面の「見出し画像を設定」からCanvaを直接起動できる連携機能が案内されています。この連携を使うと1280×670ピクセルのキャンバスがあらかじめ設定された状態でCanvaが開くため、サイズ入力の手間が省けます。
テンプレートを選んでテキストを差し替えるだけで基本的な画像が完成するため、デザイン未経験のフリーランスが最初に試すツールとして最適です。まずCanvaのテンプレートを10件ほど閲覧して「自分の発信イメージに近いもの」を1つ見つけ、それを改変していく方法をとると迷いが少なくなります。
Adobe Expressはテンプレートと画像生成の両方に対応
note公式情報では、Adobe Expressを使ったテンプレート編集と、テキスト入力からAIが画像を生成する機能の両方が紹介されています。無料プランでの利用範囲に制限はありますが、オリジナリティの高い画像を短時間で作りたい場合に有効です。note編集画面からの直接起動にも対応しており、Canvaと同様にサイズ設定が自動で適用されます。
ただし、AI生成画像は商用利用の可否がライセンス条件によって異なります。生成した画像を記事に使用する前に、Adobe Expressの利用規約と生成AIコンテンツの商用利用条件を必ず確認してください。
みんなのフォトギャラリーは最速で権利問題を回避
note公式メディアが案内する「みんなのフォトギャラリー」は、note内の他クリエイターが提供する画像を見出し画像として利用できる機能です。note編集画面の見出し画像設定エリアから直接検索・設定でき、利用許諾はnoteの利用規約に基づいて処理されます。外部サイトの利用規約を個別確認する必要がなく、著作権トラブルのリスクを大幅に下げられる点が最大のメリットです。
ただし、記事内容と関連性の低い画像を設定すると、読者が「この記事で何が得られるか」を把握しにくくなります。みんなのフォトギャラリーを利用する場合でも、記事テーマに関連するキーワードで検索し、内容と結びついた画像を選んでください。
CHECK
▶ 今すぐやること: note編集画面の「見出し画像を設定」をクリックし、Canva連携またはAdobe Express連携のどちらを使うか決定する（5分）
Q: Canvaの無料プランで商用利用はできますか？
A： Canvaの無料プランで提供されるテンプレートや素材の一部は商用利用が可能ですが、素材ごとにCanvaのライセンス条件が異なります。使用する素材の「ライセンスの詳細」を個別に確認した上でご利用ください。
Q： スマートフォンだけで作成できますか？
A： Canva・Adobe Expressともにスマートフォンアプリが提供されており、スマートフォンだけでの作成が可能です。ただしカスタムサイズの入力精度確認やテキスト配置の細かい調整はPC画面の方が作業しやすいです。
note見出し画像の対応を3分で診断
Q1: 現在の見出し画像はサイズ設定済みですか？
設定済みの場合はQ2へ進んでください。未設定または不明な場合は、まずCanvaで1280×670のカスタムキャンバスを作成してから戻ってください。
Q2: スマートフォンでnoteを開き、自分の記事一覧を表示したとき、文字が読めますか？
読める場合はQ3へ進んでください。読めない場合は、文字サイズを本文の2倍以上に設定し、文字数を15文字以内に削減してください。
Q3: 画像内に使用している外部素材の利用規約を確認していますか？
確認済みの場合はResult A、未確認の場合はResult Bへ進んでください。
Result A: 基本設定は完了しています。次のステップは「フリーランスの見出し画像は5つの型で量産」セクションでテンプレート化を進めてください。
Result B: 外部素材の利用規約確認が未実施です。「素材の著作権は3段階で確認」セクションを読んでから素材を差し替えるか、みんなのフォトギャラリーへ切り替えてください。
CHECK
▶ 今すぐやること: スマートフォンで自分のnoteページを開き、記事一覧のサムネイルで文字が読めるか確認する（3分）
Q: 見出し画像を設定しないと何か問題がありますか？
A： 見出し画像を設定しない場合、記事一覧やSNSシェア時にnoteのデフォルト画像が表示されます。読者が記事内容を画像から判断できないため、クリック率が低下する傾向があります。
Q： 過去に設定した画像を後から変更できますか？
A： はい、note編集画面から見出し画像はいつでも変更可能です。既存記事の画像を入れ替えても記事URLは変わりません。
事務作業に時間を取られている方へ
フリーランスの働き方をLINEで受け取る
LINEで無料で届くもの
- 20本Webデザインの無料レッスン
- 全工程Photoshopの解説動画
- 4本限定のPDF・動画
登録1分・情報収集だけでもOK・セミナー参加は自由
タップするとLINEの友だち追加画面が開きます
LINE登録のよくある質問
- お金はかかりますか？
- LINEの登録と、届くレッスン・動画・PDFは無料です。
- どんな連絡が来ますか？
- レッスンや動画のほか、無料セミナーの案内が届きます。参加するかは自由です。
- やめたいときは？
- LINEでブロックすれば、それ以上は届きません。
PR提供: 日本デザインスクール（デザスク）
視認性は5つの鉄則で確保
文字は15文字以内に絞る
画像内に入れる文字は15文字以内を上限にしてください。記事タイトルをそのまま長文で入れると、スマートフォンの一覧表示で文字が潰れて読めなくなります。伝えるべき情報は「誰向けか」か「何が得られるか」の1点に絞り、残りは本文タイトルで補う設計にしてください。
「記事テーマを1語に絞り、伝える情報を限定することで、画像として成立するようになった」
という声もあります（noteの見出し画像はどう作る？）。
「削る判断」こそが視認性を上げる最短ルートです。多くの情報を入れたくなる気持ちは自然ですが、画像は本文の補足ではなく「クリックを促すための入口」と捉えると削減しやすくなります。画像に文字入れをする無料ツールを使えば、フォントサイズや配置の確認も効率的に行えます。
背景と文字のコントラスト比を確保する
背景色と文字色の明度差が小さいと、スマートフォン画面の屋外表示や画面輝度が低い状態で文字が読みにくくなります。白背景に黒文字、濃紺背景に白文字のように、明暗差が大きい組み合わせを基本にしてください。写真の上に文字を重ねる場合は、文字の背後に半透明の帯（カラーオーバーレイ）を置いてコントラストを作る方法が実用的です。
主役を1つに決める
画像内に複数の要素（人物・テキスト・アイコン・装飾）を並べると視線が分散し、何を伝えたい画像なのかが伝わりにくくなります。
「主役を1つ決め、縮小表示で不要な要素を確認する方法が効果的だった」
という声もあります（見出し画像は「目に止まる→伝わる」順番が大事）。
フリーランスが自分の顔写真を使う場合は顔を主役にしてテキストを最小限にする、ノウハウ記事なら短いフレーズを主役にして背景をシンプルにする、という方針で設計すると迷いにくくなります。見やすい配色は3色・比率70:25:5で決まるという原則を参考にすると、背景とテキストの色選びが一段と楽になります。
フォントは1種類だけ使う
Canvaのテンプレートには複数のフォントが組み合わされているものが多いですが、自分でカスタマイズする際はフォントを1種類に統一してください。複数フォントを混在させると素人感が出やすく、逆に1種類に絞ると清潔感が出ます。太さ（Regular・Bold）だけで変化をつける方法が最もシンプルで失敗しにくいです。
縮小表示で最終確認する
画像を書き出す前に、CanvaのプレビューまたはPCの画面上で画像を400ピクセル幅程度まで縮小して確認してください。この大きさはnoteのスマートフォン一覧表示のサムネイルに近い表示サイズです。縮小したときに文字が読めない、主役が不明瞭になる場合は、文字サイズを上げるか要素数を減らして調整してください。
CHECK
▶ 今すぐやること: 現在の見出し画像をブラウザ上で縮小表示し、文字が読めるかどうかを確認する（2分）
Q: フォントはどれを選べばよいですか？
A： Canvaの無料プランで使えるフォントの中では、日本語対応の「Noto Sans JP」「Zen Maru Gothic」が視認性と汎用性のバランスが取れています。タイトル向けにはBoldウェイトを使うと読みやすくなります。
Q： 写真の上に文字を重ねると読みにくくなります。どうすればよいですか？
A： 写真とテキストの間にCanvaの「図形」ツールで半透明の帯を挿入するのが最もシンプルな対処法です。帯の透明度を50〜70%に設定すると、写真の雰囲気を残しながら文字のコントラストを確保できます。
素材の著作権は3段階で確認
第1段階：素材の出所を「自作か公式か外部か」で分類する
使用予定の画像素材を3種類に分類してください。自分が撮影した写真は権利上の問題が発生しにくいため最も安全です。次に安全なのはnote公式の「みんなのフォトギャラリー」です。外部のフリー素材サービスは個別確認が必要な第3のカテゴリに該当します。
フリーランスの場合、noteでの発信が案件獲得・サービス訴求を目的とする場合は「商用利用」に該当するため、無料素材であっても商用利用不可の素材は使用できません。この点は見落としやすいポイントです。著作権とは何か・侵害を避ける実務ルールを確認しておくと、素材選びの判断基準が明確になります。
第2段階：外部素材は3項目を確認する
外部フリー素材を使用する場合、各素材の利用規約で3項目を確認してください。商用利用の可否（ブログや集客を目的とする記事は商用と判断されます）、加工・改変の可否（Canvaで文字や背景を加えた場合は加工にあたります）、クレジット表記の要否（表記が必要な場合は画像内または記事末尾に記載が必要です）の3点です。この3点を確認せずに使用した場合、後から素材提供元より削除要請や損害賠償を求められるケースがあります。クレジット表記の正しい書き方を把握しておくと、必要な場面でスムーズに対応できます。
第3段階：AIが生成した画像は生成ツールの規約を確認する
Adobe ExpressなどのAI画像生成機能を使って作成した画像は、ツール独自のライセンス条件が適用されます。商用利用が認められているかどうか、生成画像に他者の著作物が含まれる可能性への対処はどうなっているかを、各ツールの利用規約ページで確認してください。生成AIの商用利用規約はサービスごとに異なり、また改訂されることもあるため、定期的な確認が必要です。
CHECK
▶ 今すぐやること: 現在使用中の画像素材の出所を書き出し、外部フリー素材に該当するものがあれば利用規約ページのURLをブックマークする（5分）
Q: Pexels・Unsplashなどの海外フリー素材はnoteで使えますか？
A： Pexels・Unsplashは多くの素材でCC0ライセンスまたは独自ライセンスで商用利用・加工を許可しています。ただし素材ごとに条件が異なる場合があるため、ダウンロードページの「ライセンス」欄を確認してから使用してください。
Q： 写真ACやいらすとやはnoteで商用利用できますか？
A： 写真ACは無料プランで商用利用が可能な素材を提供していますが、利用規約の制限（1コンテンツあたりの使用件数上限等）があります。いらすとやは商用利用可能ですが、1記事に多数使用する場合の制限があります。最新の利用規約をそれぞれの公式サイトでご確認ください。
フリーランスの見出し画像は5つの型で量産
ハック1: ターゲット明示型で専門家としての信頼を先に獲得
【対象】: 特定の読者層（業種・職種・経験値）に向けた専門記事を書くフリーランス
【手順】: 画像の左上または左下に「フリーランスデザイナー向け」「副業初心者向け」など対象者を10文字以内で記載します（5分）。画像の中央に記事から得られるメリットを15文字以内で配置します（5分）。Canvaでこのレイアウトをテンプレートとして保存し、次回から複製して使用してください（3分）。
【コツと理由】: 読者が一覧表示で最初に行う判断は「これは自分向けか」という絞り込みです。対象者を先に明示した文言を画像に入れると、その判断が素早く完了し、クリックへの心理的ハードルが下がります。結果として、タイトルを要約した文言より対象者を明示した文言の方がクリック率は上がりやすくなります。
【注意点】: 対象者の表現を広くする必要はありません。「誰でも読める記事」という訴求は逆に誰にも刺さらないため、「〇〇向け」と絞った方が反応率は高くなります。
ハック2: 数値インパクト型で記事の具体性を視覚化
【対象】: 実績・料金・期間・件数など数値で伝えられるノウハウや事例記事を書くフリーランス
【手順】: 記事内容を最も端的に表す数値（例：「月収5万円増」「3ヶ月で10社獲得」）を1つ選びます（3分）。その数値を画像の中央に最大フォントサイズで配置し、補足テキストを小さく添えます（5分）。Canvaで数値だけを差し替えれば使い回せるテンプレートとして保存してください（3分）。
【コツと理由】: 数値は文章と違い脳が反射的に処理するため、スクロール中でも目に止まりやすい傾向があります。数値1つに絞って大きく表示すると、文字を多く並べた画像より視認性が高くなります。
【注意点】: 数値は実際の内容を反映したものを使用してください。誇大表現や根拠のない数値を記載すると、記事本文との乖離が信頼損失につながります。
ハック3: シリーズ統一型で読者のブランド認識を積み上げる
【対象】: 連続したテーマで複数記事を書くフリーランス（3本以上のシリーズ記事を想定）
【手順】: 背景色・フォント・シリーズ名の配置位置を固定したCanvaテンプレートを1枚作成します（10分）。各記事ではそのテンプレートを複製し、記事番号（#01、#02）とテーマテキストだけを変更します（5分）。シリーズ名は左上に小さく、記事番号と記事テーマは中央に大きく配置して階層を作ってください（3分）。
【コツと理由】: テンプレートを1枚作って複製するアプローチを採用する理由は2つあります。第1に、読者がシリーズ記事に繰り返し接触するうちに「この画像パターン=あの人の記事」という認識が形成され、フリーランスのブランディング効果が生まれます。第2に、テンプレート化によって1枚あたりの制作時間が初回10分から2回目以降は5分以内に短縮されます。フリーランスのnote集客は5ステップで仕事受注まで完結の記事では、シリーズ記事を活用した読者獲得の具体的な手順も解説しています。
【注意点】: テンプレートの背景色や配色は2〜3色に制限してください。色数を増やすほど統一感が失われ、テンプレート化のブランディング効果が薄れます。
ハック4: 自撮り・顔出し型で信頼性を視覚で補強
【対象】: 顔写真を使った発信でパーソナルブランディングを強化したいフリーランス
【手順】: 顔が正面または斜め45度で写った写真を用意し、背景が単色またはシンプルなものを選びます（5分）。Canvaで人物を画像の右半分に配置し、左半分に白または淡色の背景を作ってテキストを重ねます（7分）。顔の位置は上端・下端から15%以上の余白を確保してトリミングに備えてください（3分）。
【コツと理由】: 顔写真入りの見出し画像は顔なし画像に比べてクリックを促しやすい傾向があります。人間の視線が他者の顔に向く特性が背景にあると考えられています。コーチング・コンサルティング・ライティングなど、人柄や信頼が選定理由になるサービスのフリーランスには特に有効です。
【注意点】: 顔写真を使う場合、化粧・服装・背景の質が画像の印象に直結します。自然光で撮影した清潔感のある写真を1枚準備するだけで十分であり、プロカメラマンに依頼する必要はありません。
ハック5: 配色2色固定型でデザイン判断をゼロにする
【対象】: デザイン経験がなく、毎回配色の判断で時間を取られているフリーランス
【手順】: 自分のサービスや専門分野に合う「ベースカラー1色・アクセントカラー1色」の2色を先に決めます（5分）。CanvaのカラーパレットにHexコードで2色を登録して固定化します（3分）。すべての見出し画像でこの2色だけを使用し、フォント色は白または黒で統一してください（画像制作時に自動適用）。
【コツと理由】: 2色に固定した方がプロフェッショナルに見えます。色数を増やすと各要素の役割が曖昧になり、視線の優先順位が崩れやすくなるためです。2色に固定することで設計上の判断が不要になり、制作時間の短縮につながります。配色組み合わせは3色・70:25:5比率で決まるを参考に、2色をより意図的に選ぶことができます。
【注意点】: 配色の2色を決める際に「好きな色」だけで選ばないでください。読者層や専門分野に合わせた色選びをするために、競合のフリーランスがSNSや自社サイトで使っている配色を2〜3件参照してから決めてください。
CHECK
▶ 今すぐやること: Canvaでテンプレートを1枚選び、ターゲット明示型のレイアウトでテキストを差し替えてダウンロードする（15分）
Q: Canvaのテンプレートを使って作った画像は商用利用できますか？
A： Canvaの無料プランで使用できるテンプレートや素材の中には、商用利用が可能なものと不可なものが混在しています。各素材の「ライセンス」欄で商用利用の可否を個別に確認してから使用してください。
Q： 顔出しに抵抗があります。顔写真なしで信頼性を出す方法はありますか？
A： 自分の作業環境・制作物・ツール画面のスクリーンショットを主役にした画像でも、実績の存在を視覚で伝えることができます。人物の顔写真がなくても、記事の具体性が伝わる画像であれば読者の信頼を引き出せます。
note見出し画像を15分で完成させる
今日からノウハウ記事・実績紹介・サービス案内のいずれか1記事の見出し画像を、この記事の5つの型のうち1つを選んで作り直してください。まず1枚を完成させることが、テンプレート化への最初の一歩になります。
| 状況 | 次の一歩 | 所要時間 |
| まだ1枚も作っていない | Canvaで1280×670のカスタムキャンバスを作成する | 3分 |
| サイズは設定済みだが文字が読みにくい | 文字数を15文字以内に削減しフォントをBold化する | 5分 |
| 毎回ゼロから作って時間がかかる | Canvaでテンプレートを1枚作成して複製機能を設定する | 10分 |
| 素材の著作権が未確認 | 使用中の素材の利用規約URLをブックマークして3項目を確認する | 5分 |
| フリーランスとして差別化したい | ターゲット明示型または数値インパクト型で1枚作り直す | 15分 |
note見出し画像に関するよくある質問
Q: noteの見出し画像を設定しないと記事は読まれにくくなりますか？
A： 見出し画像を設定しない記事は、note一覧やSNSシェア時にデフォルト画像が表示されるため、読者が記事内容を事前に把握しにくくなります。クリック率への影響は記事テーマや公開チャネルによって異なりますが、画像を設定する方が記事の訴求力は高まります。
Q： 見出し画像はCanvaとAdobe Expressのどちらを使うべきですか？
A： デザインテンプレートの数とカスタマイズのしやすさを重視するならCanvaが使いやすいです。AI画像生成機能を活用したい場合はAdobe Expressを試してください。どちらもnote編集画面から直接起動できるため、まずCanvaで1枚作成し、必要に応じてAdobe Expressを試す順番が作業効率の面で有利です。
Q： 文字を入れない画像だけの見出し画像でも問題ありませんか？
A： 写真や図だけの画像でも見出し画像として設定できます。ただし記事内容や読者が得られる価値が画像から伝わらない場合は、記事タイトルとの組み合わせで内容を補完するよう意識してください。フリーランスの専門ノウハウ記事や実績記事では、短いフレーズを入れた方が内容の具体性が伝わりやすい傾向があります。ブログアイキャッチ作り方で量産できる型も合わせて参考にすると、画像なしの状態から素早く改善できます。
【出典・参照元】
記事の魅力が伝わる「見出し画像」を設定しよう（note公式メディア）
Adobe Express連携と画像生成機能の解説（note公式）