Picovert

Notion画像サイズガイド2026:ページ画像の最適化

Picovert チーム著2026-03-264分で読了

Notionは人気のオールインワンワークスペースツールですが、画像の動作が常に直感的とは 限りません。カバーが予期せずトリミングされたり、インライン画像がRetina画面でぼやけて 見えたり、大きなファイルのアップロードでチームメンバーのページ読み込みが遅くなったりします。 このガイドでは、2026年のすべてのNotion画像タイプに対して、正確な推奨サイズと実践的な ヒントを解説します。

Notion画像サイズ — クイックリファレンス

  • ページカバー:1500×600px推奨(2.5:1の比率)— PNGまたはJPEG、 最大5MB
  • ページアイコン(カスタム画像):280×280px — 透明背景のPNGまたはJPEG
  • インライン / ブロック画像:幅1200〜1500px — 写真にはJPEG、 スクリーンショットや図にはPNG
  • ギャラリービューのサムネイル:最小800×600px — グリッドレイアウトでは 一貫したアスペクト比が見栄えよい
  • ファイルアップロード制限:5MB(無料プラン)、無制限(Plus、Business、 Enterpriseプラン)

ページカバー画像

ページカバーは、Notionページの最上部に表示される横長のバナー画像です。Notionワークスペースで 最も目立つデザイン要素の一つです。Notionはデスクトップでカバー画像を縦方向にトリミングして 水平方向のストリップのみを表示するため、画像の縦方向の中央に主要な被写体を配置することが 重要です。

  • 推奨サイズ:1500×600px(2.5:1のアスペクト比)
  • 最小幅:1500px — それより狭い画像は引き伸ばされてぼやけて見える
  • フォーマット:PNGまたはJPEG
  • 最大ファイルサイズ:5MB
  • Notionではカバー画像を上下にドラッグして表示領域を調整できるため、 事前に正確にトリミングする必要はない

元画像が1500pxより幅広いか別のアスペクト比の場合は、 画像クロップツールを使ってアップロード前に2.5:1にトリミングし、 アプリ内の再配置機能で表示領域を微調整してください。

ページアイコン(カスタム画像)

ページアイコンはページタイトルの横のNotionサイドバー、タイトル上のページヘッダー、 そして親ページのリンク参照に表示されます。Notionは絵文字アイコン(アップロード不要)と カスタム画像アップロードの両方をサポートしています。

  • 推奨サイズ:280×280px
  • 画面上の表示サイズ:約40px
  • フォーマット:透明背景のPNG(ロゴに最適);写真にはPNGまたはJPEG
  • デザインのヒント:シンプルで太いデザインを維持する — 細かいテキストや複雑な ディテールは40pxでは消えてしまう

アップロード前に画像リサイズツールを使用して、ロゴや アイコンを正確に280×280pxに拡大縮小してください。透明背景のPNGは、Notionの ライトテーマとダークテーマの両方にきれいに統合されます。

インラインおよびブロック画像

Notionページのコンテンツに埋め込まれた画像はブロック画像と呼ばれます。全幅ページ レイアウトかどうかによって、全コンテンツ幅または狭い幅で表示されます。Notionは アップロードされた画像を自動的に圧縮するため、常に最高品質のソースファイルを アップロードし、Notionが最適化を処理するようにしてください。

  • 全幅ブロック:最大表示幅 約1200px
  • 狭いコンテンツ幅:最大表示幅 約700px
  • すべての画面サイズでRetina/HiDPIの鮮明さを確保するために 幅1200〜1500pxでアップロード
  • JPEG — 写真用、高速なページ読み込みのために1枚あたり100〜300KBを目標
  • PNG — スクリーンショットや図用、鮮明なエッジとテキストを維持

写真スタイルの画像には、画像圧縮ツールを使用して アップロード前にファイルサイズを300KB未満に抑えてください。これにより、特に低速な 接続でもすべての協力者がNotionページを高速に読み込めます。

ギャラリービュー画像(データベース)

Notionデータベースをギャラリーレイアウトで使用すると、各アイテムにサムネイル画像が 表示されます。Notionはライトボックスをクリックして開くときにフル解像度の画像を使用する ため、適切な基本解像度でアップロードすることで両方のビューをカバーできます。

  • 最小推奨サイズ:800×600px
  • すべてのギャラリーアイテムで一貫したアスペクト比を維持すると、グリッドレイアウトが はるかにきれいに見えます — 4:3、16:9、または1:1を決めて統一してください
  • 画像クロップツールを使用して、ギャラリー画像のアスペクト比を 一括で標準化してください

ファイルアップロード制限

  • 無料プラン:ファイルあたり5MB
  • Plusプラン:ファイルサイズ無制限
  • BusinessおよびEnterpriseプラン:ファイルサイズ無制限

無料プランをご利用の場合は、アップロード前に 画像圧縮ツールを使用して5MBを超える画像を圧縮してください。 JPEG写真はほとんどの場合、目に見える品質低下なしに5MB未満に圧縮できます。

Notionの画像圧縮の仕組み

Notionは画像アップロード時に自動的に圧縮・最適化します。特にPNGファイルで顕著です。 2MBのPNGがNotionのサーバー上で約400KBの圧縮バージョンとして保存される場合があります。 つまり:

  • 常に最高品質のソースをアップロードしてください — Notionの圧縮が 配信最適化を処理します
  • 事前圧縮された低品質の画像をアップロードしてNotionが再度圧縮すると、二重圧縮の アーティファクトが発生する可能性があります
  • JPEG写真の場合は、画像圧縮ツールで目標品質に一度 事前圧縮してからアップロードすると、Notionが設定した水準以下にJPEG品質を大幅に 再圧縮することはありません

Notionページのパフォーマンスヒント

  • インライン画像あたり300KB未満を目標に — 大きな画像は低速な接続でも すべての協力者のページ読み込みを遅くします
  • 写真にはPNGではなくJPEGを使用 — 同じ視覚的品質でPNG写真が JPEGより5〜10倍大きくなる場合があります
  • 写真スタイルのPNGをJPEGに変換 — テキストや鋭いラインではなく 主に写真コンテンツを含むPNGスクリーンショットがある場合は、圧縮JPEGに変換して ファイルサイズを大幅に削減してください
  • カバーや装飾目的で非常に大きな画像を埋め込まない — 5MBのカバー 画像はページを開くたびに目に見える読み込み時間を追加します
  • ギャラリーデータベース:よりクリーンでプロフェッショナルな レイアウトのために、すべてのギャラリーアイテムの画像サイズを標準化してください

Notion用画像を最適化する方法

  1. 画像タイプを特定する:ページカバー、アイコン、インラインブロック、またはギャラリーサムネイル
  2. 画像リサイズツールを使用して推奨サイズに変更
  3. 必要に応じて画像クロップツールで正確なアスペクト比に トリミング(カバーは2.5:1、アイコンは1:1)
  4. 画像圧縮ツールで写真を300KB未満に圧縮
  5. Notionにアップロード — カバーはドラッグで再配置し、Notionが最終的な配信最適化を 処理するようにしてください