SShareMint

noteのOGP・見出し画像サイズ完全ガイド(1280x670)

noteの記事は1280x670のOGP・見出し画像が標準です。正確なサイズとテキストや顔が見切れないクロップ方法をShareMintで実現します。

note.com は日本最大級のパブリッシングプラットフォームで、記事見出し画像と OGP プレビューに 1280×670(約 1.91:1)というやや独特なサイズを採用しています。このサイズは note 独自の見出しレンダラーと、X・Slack・LINE・Discord など各 SNS の OGP アンファラー両方を同時に満たす必要があり、サイズを間違えるとレターボックス化したり、タイトルが切れたりします。この記事では note の全画像サイズ(見出し・プロフィールヘッダー・アイコン)を解説し、ShareMint で事前クロップしてデスクトップ・モバイル両方でタイトルや顔が表示領域に確実に収まる方法を示します。

note 画像サイズ一覧
用途推奨サイズ (px)備考
見出し / OGP1280 × 670約 1.91:1 — SNSリンクプレビュー共通
プロフィールヘッダー1920 × 720横長バナー
アイコン600 × 6001:1 円形表示

手順

1

noteの画像サイズを把握する

note.comの見出し画像 / OGP画像:1280x670ピクセル(約1.91:1)。プロフィールヘッダー:1920x720。アイコン:600x600。1280x670はSNSのリンクプレビューにそのまま表示されます。

2

高解像度の元画像を用意

2倍解像度(2560x1340以上)の元画像から始めると、1280x670に縮小してもRetinaディスプレイで鮮明に表示されます。

3

ShareMintでリサイズ&クロップ

ShareMintに画像をドロップし、note OGP / カスタム1280x670プリセットを選択。タイトル文字や主役の顔など重要な箇所をクリックしてフォーカルポイントを設定します。

4

JPEG 90%で書き出し

品質90%のJPEGがファイルサイズと鮮明さのバランスに優れます。noteはアップロード時に圧縮するため、100%より90%のクリーンな元画像の方が劣化に強いです。

5

noteの見出し画像としてアップロード

noteの記事エディタを開き、リサイズ済み画像を見出しとしてアップロードして公開。同じ画像がX・Slackなどのリンクプレビューにも自動で表示されます。

今すぐ試す

登録不要・無料・ブラウザ完結。画像がサーバーに送信されることはありません。

note見出し画像を作成

よくある質問

なぜ1280x670が標準なの?

noteは1.91:1のOGP標準に合わせつつ、note独自の見出しレンダリングに収まる比率として1280x670を採用しています。これより横長だとレターボックス、縦長だとクロップされます。

モバイルで見出しが崩れない?

noteはモバイルでは中央クロップした画像を配信します。ShareMintのフォーカルポイントを使えば、タイトルや被写体がモバイルのクロップ領域に確実に収まります。

見出し画像にテキストを入れていい?

はい。ただし重要なテキストは画像中央70%以内に収めてください。端のテキストはモバイル表示やOGPプレビューで切れがちです。

ファイルサイズはどのくらいが目安?

500KB以下を目安にしましょう。noteは結局圧縮しますし、軽い方が初訪問ユーザーの読み込みも速くなります。

関連記事