📝

note の画像サイズ完全ガイド

クリエイター向け文章プラットフォーム

noteはクリエイターが文章・画像・音声・動画を発信できるプラットフォームです。記事のアイキャッチ画像は1280×670px(高解像度版1920×1006px)、マガジンヘッダーは1600×568pxが推奨されています。

仕様まとめ

最大ファイルサイズ

10MB

対応形式

JPEG / PNG / GIF

推奨形式

JPEG / PNG

推奨サイズと比率

1280 × 6701.91:1

アイキャッチ

1920 × 10061.91:1

アイキャッチ(高解像度)

1600 × 5682.82:1

マガジンヘッダー

note で失敗しないコツ

アイキャッチは記事一覧で最初に見える

noteのトップページや検索結果では、タイトルと並んでアイキャッチ画像が表示されます。読者が最初に目にする要素なので、内容を端的に表すビジュアルが効果的です。

文字は最小限に

アイキャッチは縮小表示されることが多いため、画像内の文字は最小限に。タイトルは記事側で表示されるので、画像内では雰囲気を伝えるビジュアルに集中しましょう。

高解像度版1920×1006も用意できる

Retinaディスプレイ向けに高解像度版を用意するとシャープに表示されます。ただしファイルサイズが大きくなるので、WebPやJPEG高圧縮で書き出すのがオススメです。

アイキャッチは1.91:1でトリミングされる場面がある

note内の表示は1280×670(約1.91:1)基準ですが、X等にシェアされたときはOGPとして扱われます。上下端ギリギリに文字を置くと、シェア先で切れることがあるため中央寄せが安全です。

ベストプラクティス

noteの記事は文字主体のため、アイキャッチ画像は「視覚的休憩」の役割も担います。柔らかいトーンや余白を活かしたデザインが、長文との相性が良いです。

よくある質問

Q. noteのアイキャッチを作る一番簡単な方法は?

写真素材を1280×670pxにトリミングするだけでも十分機能します。SizeKitのnoteプリセットを選べば、アップロードした画像をドラッグ調整して書き出せます。

Q. noteに投稿した画像は圧縮される?

はい。note側でも配信用の再圧縮・リサイズが行われます。記事本文に挿入する画像は横幅1920px以下・JPEG品質85%前後で書き出しておくと、容量と画質のバランスが取れます。

SizeKit で note 用画像を作る

note の推奨サイズに合わせて、ブラウザだけで画像をリサイズ・クロップできます。
アカウント登録不要・画像のサーバー送信なし。

ツールを使う →