Notion Cover Maker Logo
Published on

Getting Your Notion Cover Image Size Just Right

Authors

Hey there! If you've ever added a cover image to Notion only to find it looks weird on your phone or gets cut off, I've been there too. Here's what I've learned about getting it right.

The Simple Truth About Notion Cover Sizes

Here's the deal - Notion stretches and crops cover images differently depending on whether you're on desktop, phone, or tablet. After lots of trial and error, these sizes seem to work best:

What Works Where

DeviceGood SizeShape
Computer1500px wide × 600px tallWide rectangle
Phone1170px × 445pxSlightly taller
Tablet1170px × 290pxVery wide

Quick tip: If you make your image 1500×600 but keep anything important in the middle 1170×230 area, it'll look good everywhere.

Why Bother With the Right Size?

Because when you don't:

  • Images get blurry or pixelated
  • Important parts get chopped off
  • It looks different on every device
  • Just makes your page look messy

The Technical Stuff (Simplified)

  • Quality: 72 DPI is fine (that's normal for web)
  • File type: JPG or PNG works best
  • Size: Try to keep it under 150KB so it loads fast
  • Width: At least 1500 pixels wide

If you have a fancy high-res screen, you could go up to 3000×1200 - Notion will shrink it down nicely.

How to Actually Add a Cover

  1. Open your Notion page and hover near the title
  2. Click "Add Cover"
  3. Pick where your image is coming from:
    • Your computer
    • Notion's free options
    • A web link
    • Unsplash (free photos)
  4. Adjust if needed with "Reposition"
  5. Save it!

Making Your Covers Look Good

Design Tips

  • Keep important stuff in the middle
  • Make sure text stands out against the background
  • Don't put too much text - it might get cut off
  • Check how it looks on your phone

Keeping It Simple

  • Use tools to make files smaller without losing quality
  • Stick to a consistent look across pages
  • Pick images that match what the page is about
  • Avoid super busy backgrounds

Common Oops Moments

  • Using tiny images that get blurry when stretched
  • Putting important stuff near the edges where it gets cut off
  • Forgetting to check the phone view
  • Using huge files that take forever to load

Helpful Tools (All Free)

  • Canva - Easy drag-and-drop design
  • Unsplash - Great free photos
  • Notion's own options - Quick and simple

Notion Cover Maker

If you're not into design but want nice covers, check out Notion Cover Maker. It does all the sizing stuff automatically and has ready-made templates.

Notion Cover Maker Website

You can change colors, fonts, and layouts without worrying about the technical stuff. It just works.

Notion Cover Maker Tool Screenshot

Now that you know the simple version of all this, why not check your Notion pages? Swap out any covers that aren't quite right. Your pages will look more put together, and you'll actually enjoy using them more.