One of the key advantages of using Notion is its versatility, which allows you to create and manage data seamlessly. For example, the Notion database block alone lets you visualize data through six views: Table, Board, Timeline, Calendar, List, and Gallery.
With such a wide range of options, you can visualize any piece of information in multiple ways, making it easy to recognize and highlight the items that truly matter.
Check out our guide to creating Notion databases to learn how to use the different options. This article focuses only on the gallery view, including its use-cases, features, tips for adjusting your gallery cards, and more.
What is Notion Gallery View?
Gallery view is the most visually appealing form of all databases in Notion. It allows you to highlight images more than any other block, while also providing the option to bring other relevant elements of your project to the forefront.
For example, here’s what a sample employee database looks like in the gallery view.
It highlights only the employees’ photos and their names. But when you click on one of these cards, you will notice there is much more information available about each employee. Here’s what an employee card looks like with all its properties:
How to set up the gallery view in Notion?
Follow these steps to set up the Notion gallery view:
1. Create a new page
Create a new page or go to an existing page where you want to add the gallery view. Next, type ‘/’ to see the list of all the blocks that Notion offers. Finally, scroll down and select the Gallery View option.
Notion will now prompt you to select a datasource from an existing database. Alternatively, you can create a new one by clicking on the New Database button highlighted in the image below.
2. Update the Notion gallery card
When you start with a new database, Notion displays an empty gallery view as shown in the image below.
Let’s update the gallery cards next. To do that, open a card in a pop-up view by clicking on it. Add a gallery cover image, an icon, and relevant properties. As an example for reference, we will create a gallery view for a tourism based blog.
Each card shall be a blog post with information on who writes the article, who reviews it, relevant dates, and blog content. We will also add some images that, as you will see later, Notion sets as gallery card images.
Here is what a sample card looks like.
You can see the cover image at the top and the content image towards the bottom of the page. And here’s what the card looks like in the gallery view.
3. Make properties show in the gallery view
To view writer and reviewer information without opening a card, click the '...' icon next to the New button and select Properties.
Click on the eye icon to make these properties visible in the gallery view.
In the below image, you can see that the publish date, writer, and reviewer properties are now visible in the gallery card.
4. Make some finer changes
You will see the option to reposition the Notion gallery cover image when you hover over it. Click on the Reposition option. You will see the cursor icon change, indicating that you can click on it and drag around to reposition the image within the allocated area.
You can also filter and sort the cards based on any of the listed properties.
5. Get pictures to show in gallery view Notion
Notion allows you to choose which image (if any) to show on the cards. For example, if you want to show the cover image in the gallery view, instead of the image in the content, click on the ‘...’ icon next to the New button and then click on Layout.
Next, click on the Card Preview option and then on Page Cover to replace the content image with the cover image. If you select None, Notion will remove all images and show only the properties that you enabled in step #3.
7. Resize the Notion gallery card
You can change the Notion gallery card size by clicking on the ‘...’ icon next to the New button and then on the Layout option. Finally, click on the Card Size option and choose one of the items in the drop-down. This way you can make the gallery view smaller or larger based on your preference.
8. Share your Notion gallery view
The content writers, reviewers, designers, and managers, should all have visibility into the status of each content piece. Now that the gallery view is ready, it’s time to share it with your team.
With Notion, you can easily share any page with a specific audience, by clicking on the Share button at the top-right corner of the screen. We cover the process in-depth in our guide to publishing Notion pages but what’s important to know here is that you can share your gallery view with anyone in the world with an internet connection.
That means you can publish pages and create websites in Notion. This feature is revolutionary if you are a freelancer or a small business because you can actually generate leads from Notion! But for that, you need to take care of a few aspects like SEO, website design, page load speed, etc.
If you are using Super, however, you do not need to worry about any of those. Super lets you purchase a domain without relying on an external tool. With that, you can have a custom domain without the notion.site. Extension.
FAQs
What is the size of the Notion gallery view cover image?
The size of the gallery cover image varies based on the device screen size. It is ideal to have a 1500px by 600px, but any image with an aspect ratio of 5:2 should work.
How to wrap text in Notion gallery view?
You can not wrap text in the gallery view. This feature is available only in the table and board views.
How to make a photo gallery in Notion?
You do not need to create a database to create a simple photo gallery in Notion. To create a Notion gallery:
- Type “/” in your Notion page, and select “Image” from the list of block.
- Drag-drop or embed an image into the block to display the image on the page. Repeat these two steps as many times as you need.
- Finally, move the images within the page by dragging and dropping them, like any other Notion block, to create rows and columns of images.
How to customize the gallery view in Notion?
We have already discussed how to move and resize your gallery card. The other customization options available to your are -
- Editing properties - You can edit the properties by following the same steps as creating a property in the “Update Notion Card” section.
- Change card preview - Go to the layout option as shown in the “Get pictures to show” section and choose if you want to show the image in the cover section or the content section.
Why is your Notion gallery view not showing image?
Here are some reasons why your Notion gallery card image might not be showing:
- Incorrect Card Preview Settings: The “Card Preview” setting of your database determine what images show up in your gallery database. If this is set to “None”, your images won't appear.
- Broken or Invalid Image Links: If you have embedded an image from the internet, make sure that the URL of the images is valid. If the URLs are broken or the images have been moved by the owner, the image preview will not be displayed.
- Unsupported Image Format: Notion supports JPEG, PNG, and GIF files for images. Make sure that the images you chose are in that format.
- Large Image Files: A free Notion plan allows you to add images that are up to 5MB in size. If your image is too large, it may not load. Reducing the file size may resolve the issue.
- Notion Server Issues: Issues on Notion's end may cause images not to load. If you've checked everything else, reach out to Notion's support team to get updates on the downtime.
- Browser Issues: Finally, try clearing your browser cache or using a different browser to see if that resolves the issue.
Try fixing them to get your images to show in the gallery card.
