色鉛筆イラストレーター
← ヘルプに戻る

noteの見出し画像(アイキャッチ)の最適サイズと作り方

note の記事一覧やSNSでまず目に入るのが「見出し画像(アイキャッチ)」です。 サイズや比率を外すと、スマホとPCで上下が切れてしまったり、 肝心の主役が見切れてしまったりします。このページでは、note の見出し画像の 推奨サイズと、切れずに見せるコツ、そして色鉛筆デッサン調のオリジナル画像を 用意する方法をまとめます。

noteの見出し画像の推奨サイズ

note では見出し画像に 横長(横が長い長方形)の画像が使われます。 一般的な推奨は次のとおりです(2026 年時点の目安。最新の仕様は note 公式ヘルプを ご確認ください)。

項目目安
推奨サイズ1280 × 670 px 前後
比率およそ 1.91 : 1(横長)
ファイル形式PNG / JPEG(写真は JPEG、イラストは PNG が無難)
容量できれば 1MB 以下(表示が軽くなります)

スマホとPCで「切れない」ための注意点

見出し画像は表示される場所(記事ページ・記事一覧・SNSシェア時)によって トリミングのされ方が変わります。次の 2 点を守ると、どこで表示されても 主役が見切れにくくなります。

色鉛筆イラストで、世界観に合う見出し画像を用意する

フリー素材の写真は便利ですが、ほかの記事と被りがちです。色鉛筆イラストレーター なら、記事の内容に合わせた色鉛筆デッサン調のオリジナル画像を用意できます。 やわらかいタッチは、エッセイ・暮らし・読書・育児などのテーマと特に好相性です。

本サービスで生成できるサイズと、note見出し画像への合わせ方は次のとおりです。

用途選ぶサイズ合わせ方
note の見出し画像横長 1536 × 1024 px(3:2)上下を少しトリミングして 1.91:1(1280×670 など)に整えると最適
記事内の挿絵正方形 1024×1024 / 横長 1536×1024本文の幅に合わせてそのまま挿入できます

横長(3:2)で生成し、note にアップロードする際の編集画面で上下を軽く切る、 または事前に 1280×670 にトリミングしておくと、狙いどおりの見え方になります。

見出し画像づくりの手順

  1. 記事のテーマを表す一場面を思い浮かべる(例:「湯気の立つ朝のコーヒー」)。
  2. プロンプトのコツ を参考に、被写体・場所・雰囲気を書く。
  3. サイズは「横長」を選んで生成する。
  4. 1280×670 を目安に上下をトリミングして、note にアップロードする。

色鉛筆タッチの見出し画像を作ってみる

登録で 5 クレジットプレゼント。クレジットカード登録は不要です。

無料ではじめる

関連記事:ブログのアイキャッチ画像の作り方とサイズ早見表 / 上手なプロンプトの書き方