note の画像サイズ完全ガイド
クリエイター向け文章プラットフォーム
noteはクリエイターが文章・画像・音声・動画を発信できるプラットフォームです。記事のアイキャッチ画像は1280×670px(高解像度版1920×1006px)、マガジンヘッダーは1600×568pxが推奨されています。
仕様まとめ
最大ファイルサイズ
10MB
対応形式
JPEG / PNG / GIF
推奨形式
JPEG / PNG
推奨サイズと比率
アイキャッチ
アイキャッチ(高解像度)
マガジンヘッダー
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 の推奨サイズに合わせて、ブラウザだけで画像をリサイズ・クロップできます。
アカウント登録不要・画像のサーバー送信なし。