The gallery view is an image-oriented view of your database. Instead of viewing your data in a traditional database view (e.g. rows and rows of data), Notion provides you the capability to add image cards to each entry.
Have you seen data tables like this…
…but want a Gallery view like this? Then keep reading!
How To Add A Gallery View In Notion
Before I explain how to add an image to the gallery view, I’ll quickly recap how to add a gallery view in Notion.
Adding A New Gallery Database
On the page where you want to add a gallery view, type /gallery and hit Enter. Then select “+ New database”
A new gallery block will appear with several template blocks. You can now click on each page and configure it as needed.
Existing Database
If you already have an existing database, add a new view by clicking on the “+” and select “Gallery”. Click Done.
How To Add Image To Gallery View
In this example, I’ll show you how to add images via the cover method. If the content body of your page has images, Notion will utilize the first image.
- Open up a page and click on “Add cover”
- There are a few options to add images – Notion’s default gallery, uploading your own, linking to another website, or using the Unsplash repository. Select an image and it will then load up on your page banner.
Note – overuse of large images can slow down Notion. You can read more on How To Make Notion Faster.
- Now back on the Gallery view, click on the (ellipsis) three dots and click on “Layout”
- Click on “Card preview” then “Page cover” (or any other option as needed). As mentioned, page content will utilize the first image in the content body. Voilà!
Assuming you have a cover for each page, you should have something that looks like the one below.
Image Not Showing Up Properly On Gallery View
If your Gallery image is being cropped out too much, then you can try a couple of things.
- Hover over the displayed image, a link will appear to “Reposition” the image.
- Alternatively, you can play with the “Fit Image” option or Card size within the Properties menu.
Thanks for reading and I hope you found this helpful.
Video Guide
You may also be interested in:
