- Find Cover Photos
- Stock Image Sites
- Cover Photo Generators
- Notion Cover Generator
- Build From Scratch
Cover images are one of the first things one sees on a Notion page. Some people like to keep things to a minimum or avoid it altogether. Adding a relevant cover image can help one with visual clues to set the overall theme of the page and help one focus on the right thing while also making the page aesthetically pleasing.
According to Notion’s official documentation, the cover images are dynamic. That is, they change depending on the available space and screen size. So, the same image can look different on different devices, even if the window size is changed. They recommend using an image that is at least 1500 pixels wide.
If you are trying to build something of your own or want to pick something that looks great on all devices, try to aim for dimensions around 1500px x 600px. Some parts will be cropped out based on different screen sizes. The region that’s visible in all screen sizes is 1170px x 230px.
The following image from gridfiti.com nicely shows which parts of the cover image appear on which devices. They have written a blog explaining this in more detail, including the pixel dimensions of each colored section.
To summarize, the Blue region is visible on every screen size. The orange region is rarely ever visible. On the desktop, as the screen is wider, the yellow region is also visible. On mobile, as the screen has more vertical space than horizontal, you can see a green region, but not yellow.
Find Cover Photos
Stock Image Sites
One of the simplest and easiest ways to add good-looking covers to Notion is to use already-existing photos. Maybe you have a collection of your favorite photos. Great! Go ahead with that. But what if you don’t have such a thing?
That’s where stock photo sites come in. They provide a library of images to choose from. Unsplash is one of many stock photo libraries available on the internet. Notion already comes with Unsplash Integration built right into it. You can easily search and find something that piques your interest in its collection of over 3 Million images.
Other prominent stock image sites that you can use
- StockSnap.io: Collection of free stock images to be used anywhere. Even attribution is optional.
- Pexels.com: Another stock photo library with 3.2 million free stock photos and videos
- Freepik.com: Founded in 2010, it is a collection of 25 million graphic resources, including photos, vector graphics, and backgrounds.
Cover Photo Generators
This website lets you add minimalistic cover images made entirely of icons to your Notion page. You start by searching for the icon and choose from a collection of designs. By default, the selected icon is displayed solo in the center, but you can change it to appear in a recurring pattern. Additional settings let you further customize the spacing, size, and rotation of icons in the pattern. This also comes with the option to customize the background color.
Notion Cover Generator
If it wasn’t already evident by the name, this website allows you to make Notion cover Images on the fly. You can easily set the background by selecting high-quality images from Unsplash or uploading your custom files. You can add text to the image and customize it by changing its size, font, and color. If you feel your design is ready, you can use the visualizer tool to see how it looks on different devices.
Build From Scratch
If you aren’t yet satisfied with all the above options and want something unique, you can try making a Notion cover yourself. It isn’t as tricky as it sounds, and with the right tools, you can quickly finish it. We have two recommendations for you if you want to go that route.
It is a popular design tool founded in 2015 and has recently gained mass adaptation. It is a collaborative application used and liked by many large organizations and solo designers alike. You can start directly from scratch and build something truly unique and personalized.
If you need some inspiration, you can check out these Figma designs. You can easily remix them according to your needs and preferences.
- Figma Design Template Optimized for any Screen Size
- Figma Color Gradient Template
- Figma Solid Background Color Template
If you don’t want a full-fledged design tool, you can try using Canva for your design needs. It is a design tool that aims to simplify the process of creating a digital design. It has a simple drag-and-drop interface. You can choose from the library of many unique designs, pallets, and vector graphics.