Notionのギャラリービューで画像を綺麗に表示するには、レイアウト設定から「カードプレビュー」を「ページカバー」や画像プロパティに指定し、「画像を枠線に合わせる」をオンにするだけで完了します。本記事では、サムネイルのサイズ調整や見栄えを良くする設定のコツを徹底解説します。
ギャラリービューで画像(サムネイル)を設定する基本手順
データベースを視覚的に美しいカード形式で並べるギャラリービューですが、初期設定のままだと画像がうまく表示されないことがあります。以下の4ステップで、正しい画像設定を行いましょう。
- データベースのレイアウトを「ギャラリー」に変更するデータベースの右上にある「…」から「レイアウト」を開き、「ギャラリー」を選択して表示形式を切り替えます。
- メニューの「レイアウト」から「カードプレビュー」を選択するギャラリーレイアウトの設定画面内にある「カードプレビュー」の項目をクリックします。
- プレビューの参照元を指定するサムネイルとして表示させたい画像の取得元を、「ページカバー」「ページコンテンツ(本文内の最初の画像)」、または「ファイル&メディア」プロパティのいずれかから選択します。
- 必要に応じて「カードサイズ」と「画像を枠線に合わせる」を調整する「カードサイズ」を小・中・大から選びます。画像が見切れてしまう場合は、「画像を枠線に合わせる(Fit image)」のトグルスイッチをオン(青色)に設定してください。
サムネイル設定の比較(インサイト・マトリクス)
カードプレビューで選べる3つの参照元には、それぞれ得意な使い方があります。用途に合わせて最適なものを設定してください。
| カードプレビューの参照元 | 特徴と表示される画像 | こんな用途におすすめ |
| ページカバー(Page cover) | ページ上部に設定したカバー画像が表示される | ブログ記事の管理、読書記録(表紙画像) |
| ページコンテンツ(Page content) | ページ本文内にある「一番上の画像」が表示される | 日報、写真のプレビュー、メモ帳 |
| ファイル&メディア(プロパティ) | データベースのプロパティに添付した画像が表示される | 商品カタログ、社員名簿、ポートフォリオ |
画像が見切れる・サイズが合わない時の対処法
ギャラリービューで「人物の顔が見切れてしまう」「画像の端が切れてしまう」という悩みは、設定一つで一発解決できます。
Notion専門家の視点:
「ポートフォリオや商品カタログを作る際、『画像を枠線に合わせる(Fit image)』をオンにすると、縦横比が異なる写真でも見切れずに全体が表示され、統一感のある美しいギャラリーが完成します。逆に、画面いっぱいに写真を敷き詰めたい場合はオフのままにしておきましょう。」
- 余白ができても全体を見せたい場合: 「画像を枠線に合わせる」をオン
- 見切れてもカード全体を画像で埋めたい場合: 「画像を枠線に合わせる」をオフ
よくある質問(FAQ)
サムネイルの下にあるページ名(タイトル)は非表示にできますか?
はい、可能です。レイアウト設定の下にある「プロパティ」メニューから、「名前(タイトル)」の右側にある目のアイコンをクリックして非表示(オフ)にすると、画像だけの純粋なギャラリーを作成できます。
スマホで見るとギャラリーの列数はどうなりますか?
スマートフォンからNotionアプリで閲覧する場合、PCで設定したカードサイズに関わらず、画面幅に合わせて自動的に「縦1列」または「縦2列」のレスポンシブ表示に最適化されます。
画像の解像度が悪く(ぼやけて)表示されるのはなぜですか?
アップロードした元の画像サイズが小さすぎる場合、Notionのカードサイズに合わせて自動的に引き伸ばされるため、画質が粗くぼやけてしまいます。綺麗なサムネイルにするには、十分な解像度のある元画像(横幅1000px以上を推奨)を使用してください。
まとめ
ギャラリービューの画像サイズや見栄えは、カードプレビューの参照元選びと「画像を枠線に合わせる」機能の活用で劇的に改善します。ポートフォリオやレシピ集、読書記録など、視覚的に管理したい情報に最適な表示形式ですので、お気に入りの画像を登録してあなただけの美しいギャラリーを作ってみましょう!