Notion Cover Image Size and Dimensions Guide (2024)

Table of contents

• Notion cover image sizes for different devices
• How to add a Notion cover image?
• 1. Hover over the title of the page and click on ‘Add cover’
• 2. Change the auto-assigned Notion cover image
• 3. Add a new cover image
• 4. Reposition the cover image to display the best snippet
• FAQs
• What is a cover image in Notion?
• How to use a picture as the cover image in Notion?
• How to remove the cover image in Notion?
• How to make a Notion cover fit?

Notion cover image sizes for different devices

These are the minimum size requirements. You can choose cover images larger than these dimensions and reposition them later, but avoid using images smaller than the suggested pixel sizes. Notion stretches smaller images to fill the placeholder space, degrading the image quality.

If you do not have images of the suggested sizes, consider choosing or creating images in the 3:1 aspect ratio and ensure that they meet the Notion cover’s height requirements - 600px for desktop, 445px for mobile screens, and 290px for tablet screens.

Finally, try to design cover images for Notion at 72 DPI resolution. A higher DPI isn't necessary unless you're creating images for print.

How to add a Notion cover image?

To add a cover image to your Notion page:

1. Hover over the title of the page and click on ‘Add cover’

The title in the sample page is ‘Loopocode - Notion Knowledge Base’. Hovering over it displays the ‘Add cover’ option.

2. Change the auto-assigned Notion cover image

Notion automatically adds a cover to the page once you click on ‘Add cover’. To change the cover image, hover over the current image to make image options visible and click on ‘Change cover’.

3. Add a new cover image

Clicking on ‘Change cover’ prompts a new popup window where you can select or add your preferred image.

Here are the different ways to add cover images:

1. Select from the built-in library

Scroll through Notion’s built-in image gallery and pick a visual that aligns the best with your page’s design and content.

2. Upload an image from your local drive

Click on the ‘Upload’ option and then on the ‘Upload file’ button. This will open a new screen that allows you to select an image from the local drive to be added as the cover image of your Notion page.

Make sure the image is at least 1500 pixels wide to fit it into the space for the cover without having to stretch it.

3. Embed the link to an image from the web

If you want to insert an image from a link, click on the ‘Link’ option, paste the publicly available link into the textbox, and click on the ‘Submit’ button.

4. Insert an image from Unsplash

Unsplash has a vast collection of images for any purpose you can think of. Type in the right search term and Notion will display images from Unsplash that you can embed as a cover image.

4. Reposition the cover image to display the best snippet

We have inserted an image from Unsplash but the main part of the image is missing.

Let’s bring that to the forefront by repositioning the image. To do that, click on the ‘Reposition’ option that appears when you hover over the current cover image.

Click and hold on the image and drag it around to see it move. Release the mouse click once you are happy with the new position and click on the ‘Save position’ option to lock it in place.

Here’s what the updated image position looks like:

FAQs

What is a cover image in Notion?

A cover image is the banner that appears at the top of a Notion page. It is a useful design element that sets the tone for the rest of the page.

How to use a picture as the cover image in Notion?

To add your image as the cover of a Notion page:

1. Hover over the page title and click on ‘Add cover’. Notion auto-assigns an image from its library.

2. Hover over the current image and click on ‘Change cover’

3. Click on the ‘Upload’ option and then on the ‘Upload file’ button to access your local drive images

4. Choose an image from your drive to upload it as the new Notion cover image

How to remove the cover image in Notion?

It’s a simple two step process.

1. Click on the ‘Change cover’ option that appears when you hover over the current cover image

2. Click on the ‘Remove’ option from the new pop-up window

How to make a Notion cover fit?

You need to create images with the right dimensions to make them fit well as the banner image of a Notion page. Make sure you follow these pixel sizes while designing Notion cover images:

• Desktop screens - 1500px by 600px
• Mobile screens - it’s 1170px by 445px,
• Tablet screens - it’s 1170px by 290px.

If your image is too large, most of it will fall outside the visible area of the banner and Notion will crop it.