imageresizers.net

Notion Image Sizes: Cover, Icon, and Embed Dimensions (2026)

Design page covers at 1500 x 600 and icons at 280 x 280, and keep every image under 5MB. Notion publishes only two of those numbers — icons “should ideally be 280 x 280 pixels” and covers should be “at least 1,500 pixels wide” — because a cover has no fixed height: it renders as a band that changes with your window. The table below marks which figures are Notion’s and which are the canvas that follows from them.

Notion image dimensions at a glance

AssetUpload atRatioPublished by Notion?
Page cover1500 x 6002.5:1Width only — “at least 1,500 pixels wide”
Page icon280 x 2801:1Yes — “should ideally be 280 x 280 pixels”
Custom emoji280 x 2801:1Yes — same guidance as page icons
Database / gallery card cover1500 x 6002.5:1No — the card reuses the page cover
Inline image block1500 px wide+AnyNo dimension — only the 5MB ceiling
Workspace icon / logo280 x 2801:1No — page-icon guidance applied to it
Notion Site share preview1200 x 6301.91:1No — defaults to your site cover
Max image file size5MB (PNG, JPG)Yes — on free and paid plans alike

The 1500 x 600 cover is a canvas, not a spec. Notion states no cover height at all — “the cover images are dynamic depending on the width of your window, so there’s no specific size that works best” — so 2.5:1 is the shape that meets the published 1,500-pixel width floor and still leaves vertical room for Notion to slice a band out of. Any 1,500-plus-wide landscape image works; the height is where you decide how much crop tolerance you want.

Notion page cover image size

Page cover spec

Design at1500 x 600 (2.5:1)
Published minimumAt least 1,500 pixels wide — no height stated
Wide-monitor source2400 x 960
File sizeUnder 5MB
FormatsJPG, PNG, WEBP, GIF, SVG, HEIC, TIFF
Keep clearBottom-left — the page icon sits over it

A cover is a horizontal slice, not a picture frame. Notion stretches it to the full width of the window and shows a fixed-height band of it, so the wider the browser, the less of your image’s height survives. That is why the published guidance is a width floor with no height: the height you choose only decides how much of the image Notion has to choose from. Hover the cover and hit Reposition to drag the band up or down and lock in the slice you want.

  • Put the subject in the middle third. The top and bottom of a 2.5:1 cover are the first things a narrow band drops, and you can’t control which band a reader’s window produces.
  • Leave the bottom-left corner empty. If the page has an icon as well as a cover, the icon overlaps the cover’s lower-left edge. A logo parked there gets covered by an emoji.
  • Go to 2400 x 960 for a wide monitor. Same 2.5:1 shape, more pixels. A 1500-wide file spread across a 2560-wide display is being upscaled, and flat colour survives that better than photography or fine type does.
  • Text on a cover is a gamble. The band crops unpredictably and the page title is drawn below it anyway. Texture, gradient, and photography hold up; a headline set into the cover rarely does.
  • Full width doesn’t change the cover. Toggling Full width in the ••• menu widens the content column, not the cover — the cover already spans the window on every page.

Resize an image to 1500x600 → Pick Notion, then the Page Cover preset.

Notion page icon size

Page icon spec

Design at280 x 280 (1:1)
Published guidance“Uploaded icons should ideally be 280 x 280 pixels”
Custom emojiSame 280 x 280 square
Best formatPNG with transparency, or SVG
Renders atA fraction of 280 px in the sidebar, search and mentions

280 x 280 is the one pixel dimension Notion states outright, and it is generous on purpose: the icon is drawn small at the top of the page and smaller still everywhere the page is referenced — the sidebar tree, search results, inline @-mentions, gallery cards, breadcrumbs. The upload is sized for the largest of those, so design for the smallest.

  • One shape, one colour, no words. At sidebar size an icon is a few millimetres wide. A wordmark reads as a grey smudge; a single silhouette still reads.
  • Upload square or it looks wrong. Notion doesn’t crop a non-square icon to a circle — it fits what you give it, so a landscape file lands as a short, off-centre strip beside the title.
  • PNG with transparency beats a white square. Notion pages have a light background in light mode and a dark one in dark mode; a baked-in white background turns your icon into a visible tile in dark mode.
  • Custom emoji follow the same 280 x 280. They work as page icons, reactions, and inline text — but Notion notes custom emojis won’t render in mobile widgets, so don’t build a system that depends on them there.
  • Icons are a navigation aid. A distinct icon per top-level page does more for scanning a long sidebar than any amount of naming discipline.

Resize an image to 280x280 → Pick Notion, then the Page Icon preset.

Notion database cover images (gallery cards)

Gallery card preview spec

Design at1500 x 600 — the page cover itself
Preview sourcePage cover, page content (first block), or a Files & media property
Fit image on“The entirety of the image will fit within the frame of the card”
Fit image off“The image will be cropped to fill the entire card frame”
Card sizeSmall, medium or large — set under Layout

A database has no cover format of its own. Every card in a gallery is a page, and its preview is that page’s cover — which means one file has to work twice: as a wide band at the top of the open page, and as a near-square tile in the grid. Those two crops fight each other, and which one wins is the Fit image toggle.

  • Fit image off is the good-looking default — if you centred the subject. The card fills its frame by cropping your 2.5:1 cover to roughly the middle, so anything you pushed to the left or right edge is gone in the gallery.
  • Fit image on letterboxes instead of cropping. The whole 2.5:1 image sits inside the card with empty space above and below. Right for product shots and logos where losing an edge is worse than losing scale.
  • Reposition works per card. Hover a card image and choose Reposition to pick the visible slice for that one entry without touching the underlying cover.
  • Or skip covers entirely and use a Files & media property. Point the preview at that property and you can upload a purpose-built square per row, leaving the page cover free to be a wide band.
  • Page content preview is the trap. It shows the first block of the page — so a card silently changes appearance the moment someone types a paragraph above the image.

Inline image embeds and file limits

Image block spec

Upload at1500 px wide or more, any ratio
Image display limitUnder 5MB for PNG and JPG — free and paid plans
PDF limitUnder 20MB on a paid plan
Upload limit5MB per file on Free; up to 5GB per file on paid plans
Supported typesHEIC, ICO, JPEG, JPG, PNG, TIF, TIFF, GIF, SVG, WEBP (plus PDF, MD, MP3, MP4, WAV, OGG)
ResizingDrag the black guides on the left and right edges of the block

Notion publishes no dimension for an image inside a page — an image block is as wide as you drag it, up to the width of the content column. What it does publish is a ceiling, and it’s the one that bites: images must be under 5MB to display, and that applies on paid plans too. The 5GB figure people quote is the upload limit for files, not the limit for something rendering as a picture on the page.

  • 1500 px wide is the safe floor. It clears the width Notion asks of covers, so a full-width image block stays sharp on a retina screen without you measuring the column.
  • “Too large to be displayed” has an official workaround. Notion’s own advice is to upload the image as a file instead — you get a download link rather than a preview, which is fine for a source asset and useless for a screenshot people need to read.
  • Screenshots are the usual 5MB offender. A full-screen retina PNG can clear 5MB on its own. Export it as JPG, or resize before uploading rather than after the error.
  • SVG is supported — use it for diagrams. Vector stays crisp at any block width and weighs almost nothing against the 5MB cap.
  • Turn on Full width for wide images. The ••• menu’s Full width toggle widens the content column, which is what actually lets a wide screenshot render bigger than the default centred measure.
  • Alignment controls disappear at maximum width. Notion hides them when the block is already the same width as the page content — that’s expected, not a bug.

Resize an image for a Notion page → Pick Notion, then the Inline Image preset.

Design a Notion cover in Canva

Notion has no built-in editor, so covers and icons get made somewhere else. There’s no Notion preset in Canva — start from Custom size at 1500 x 600 for a cover and 280 x 280 for an icon, export PNG for flat colour and type, JPG for photography, and keep it under 5MB. Build the cover once and duplicate it per page: a consistent band across a workspace does more than a different photo on every page.

Or resize an image you already have → No account, no upload to a server.

Drop an image here or click to browse

Social Media Image Size Cheat Sheet (2024)

PlatformTypeDimensions
InstagramPost (Square)1080 x 1080
Post (Portrait)1080 x 1350
Post (Landscape)1080 x 566
Story / Reel1080 x 1920
Profile Photo320 x 320
TikTokVideo Cover1080 x 1920
Profile Photo200 x 200
YouTubeThumbnail1280 x 720
Shorts1080 x 1920
Community Post1080 x 1080
Channel Banner2560 x 1440
Profile Photo800 x 800
FacebookPost (Landscape)1200 x 630
Post (Square)1200 x 1200
Cover Photo820 x 312
Profile Photo170 x 170
Event Cover1200 x 628
X (Twitter)Profile Photo400 x 400
Header Photo1500 x 500
In-Stream Photo1600 x 900
Card Image1200 x 628
LinkedInPost Image1200 x 627
Cover Photo1584 x 396
Profile Photo400 x 400
Company Logo300 x 300
PinterestStandard Pin1000 x 1500
Idea Pin1080 x 1920
Board Cover600 x 600
Profile Photo165 x 165
TwitchProfile Banner1200 x 480
Offline / Video Player Banner1920 x 1080
Profile Photo256 x 256
Info Panel320 x 100
Info Panel (Tall)320 x 300
Alert Box800 x 600
Emote (Large)112 x 112
Emote (Medium)56 x 56
Emote (Small)28 x 28
SnapchatSnap1080 x 1920
Geofilter1080 x 2340
Profile Photo320 x 320
Story Ad1080 x 1920
ThreadsProfile Photo320 x 320
Feed Image1080 x 1350
Feed Square1080 x 1080
Link Preview1200 x 628
DiscordServer Icon512 x 512
Profile Avatar128 x 128
Profile Banner600 x 240
Server Banner960 x 540
Invite Splash1920 x 1080
Custom Emoji128 x 128
Sticker320 x 320
Role Icon64 x 64
RedditPost Image1200 x 675
Community Banner1920 x 384
Avatar / Community Icon256 x 256
Old Reddit Thumbnail70 x 70
WhatsAppStatus (Story)1080 x 1920
Business Catalog1024 x 1024
Profile Photo500 x 500
Group Icon500 x 500
TelegramChannel Post Photo1280 x 1280
Story1080 x 1920
Sticker512 x 512
Profile Picture512 x 512
Channel / Group Icon512 x 512
SpotifyCanvas (Looping Video)1080 x 1920
Cover Art3000 x 3000
Show / Podcast Artwork3000 x 3000
Profile Image (Artist)750 x 750
Playlist Cover640 x 640
SubstackNewsletter Header1456 x 816
Post / Section Hero1456 x 816
Social / Email Thumbnail1456 x 1040
Email Header Banner1100 x 220
Publication Logo256 x 256
Profile Photo256 x 256
Podcast Cover Art2048 x 2048
beehiivPost Thumbnail1200 x 630
Publication Logo800 x 800
Profile Picture800 x 800
Inline Image (Landscape)1200 x 675
Inline Image (Square)1200 x 1200
Subscriber Profile Picture100 x 100
MediumStory Cover1500 x 750
Topic / Tag Header1500 x 750
Publication Logo (Horizontal)600 x 60
Publication Logo (Square)500 x 500
Profile Photo500 x 500
PatreonCover Photo2500 x 1000
Profile Picture1024 x 1024
Post Image1920 x 1080
Video Thumbnail1280 x 720
Tier Image460 x 200
Collection Cover1024 x 1024
Hero Image (Legacy)1600 x 400
BlueskyProfile Avatar1000 x 1000
Profile Banner3000 x 1000
Post Image (Portrait)1200 x 1500
Post Image (Landscape)1200 x 675
Link Card Preview1200 x 630
MastodonProfile Picture400 x 400
Header Image1500 x 500
Post Image (Landscape)1280 x 720
Post Image (Square)1200 x 1200
Post Image (Portrait)1200 x 1500
Link Preview Card1200 x 630
EtsyListing Photo (Square)2000 x 2000
Listing Photo (4:3)2700 x 2025
Search Thumbnail570 x 456
Shop Banner (Big)1200 x 300
Shop Banner (Large)3360 x 840
Shop Icon500 x 500
AmazonMain Image (Recommended)2000 x 2000
Main Image (Zoom Minimum)1000 x 1000
Secondary / Lifestyle Image1600 x 1600
Video Thumbnail1280 x 720
Swatch Image30 x 30
ShopifyProduct Image (Recommended)2048 x 2048
Product Image (Maximum)5000 x 5000
Slideshow / Hero Banner1280 x 720
Blog Post Image1200 x 800
Logo (Wordmark)400 x 100
Favicon32 x 32
CanvaPresentation (16:9)1920 x 1080
Instagram Post (Square)1080 x 1080
Instagram Story1080 x 1920
Facebook Cover851 x 315
YouTube Thumbnail1280 x 720
Pinterest Pin1000 x 1500
Logo500 x 500
WixHero / Banner1920 x 1080
Page / Section Background3000 x 3000
Blog Cover (4:3 layouts)940 x 705
Blog Cover (Square layouts)940 x 940
Gallery Image (Pro Gallery)2560 x 1440
Product Image (Wix Stores)3000 x 3000
Social Share (og:image)1200 x 630
Mobile Section (9:16)1080 x 1920
Logo250 x 100
Favicon96 x 96
WordPressFeatured Image / og:image1200 x 630
Thumbnail (cropped)150 x 150
Medium300 x 300
Large1024 x 1024
2x Large2048 x 2048
Max Upload Before Scaling2560 x 2560
SquarespaceBanner / Section Background2500 x 1406
Full-Bleed Background2500 x 1667
Blog Featured Image1500 x 1000
Gallery Image1500 x 1500
Product Image2000 x 2000
Logo1200 x 400
Favicon300 x 300
Google SlidesWidescreen Slide (16:9)1920 x 1080
Standard Slide (4:3)1024 x 768
Slide at 100% (16:9)960 x 540
Slide at 100% (4:3)960 x 720
NotionPage Cover1500 x 600
Page Cover (Wide Monitor)2400 x 960
Page Icon280 x 280
Custom Emoji280 x 280
Inline Image1500 x 844
Site Share Preview (og:image)1200 x 630
FigmaFile Thumbnail / Cover1920 x 1080
Community Cover Art1920 x 1080
Legacy File Cover (2:1)1920 x 960
Desktop Frame1440 x 1024
Phone Frame393 x 852
Max Image Fill4096 x 4096
GhostPost Feature Image1200 x 675
Feature Image (Large Source)2000 x 1125
Publication Cover1500 x 500
Social Card (og:image)1200 x 630
Newsletter Header1200 x 600
Author Profile Picture400 x 400
Publication Icon256 x 256
Publication Logo600 x 72
WebflowHero / Section Background1920 x 1080
Full-Bleed Hero (Retina)3200 x 1800
CMS Featured Image1600 x 900
CMS Card / Thumbnail1200 x 800
Open Graph Image1200 x 630
Product Image (Commerce)2000 x 2000
Webclip / Touch Icon256 x 256
Favicon32 x 32
SlackWorkspace Icon512 x 512
Profile Photo512 x 512
Profile Photo (Max)1024 x 1024
Custom Emoji128 x 128
Shared Image (Full Preview)1024 x 1024
Link Preview (og:image)1200 x 630
Google Business ProfileLogo720 x 720
Cover Photo1920 x 1080
Post Photo720 x 720
Product Photo720 x 720
Photo (Minimum)250 x 250
TumblrPhoto Post (Recommended)540 x 810
Photo Post (Max)2048 x 3072
GIF (Recommended Width)540 x 540
Header Image2048 x 1152
Avatar128 x 128
Email HeaderSubstack Email Banner1100 x 220
Header @2x (600px Email)1200 x 240
Mailchimp Header @2x (New Builder)1320 x 264
Email Body Width (1x)600 x 120
MailchimpFull-Width Image @2x (New Builder)1320 x 880
Full-Width Image @2x (Legacy)1200 x 800
Header Banner @2x (5:1)1320 x 264
2-Column Image @2x660 x 440
Footer Logo @2x (300px Display)600 x 200
Social Card (1.91:1)1200 x 630
Landing Page Hero2500 x 1406
Landing Page Hero (Minimum)1500 x 844
Email SignatureBanner @2x (400x100 Display)800 x 200
Banner (Google Footer Max)1000 x 100
Logo / Headshot @2x200 x 200
Logo / Headshot (1x)100 x 100
Facebook AdsFeed Single Image1440 x 1800
Carousel Card1080 x 1080
Stories & Reels1440 x 2560
Link Ad (Legacy 1.91:1)1200 x 628
Google Display AdsInline Rectangle300 x 250
Large Rectangle336 x 280
Leaderboard728 x 90
Half-Page300 x 600
Wide Skyscraper160 x 600
Billboard970 x 250
Large Mobile Banner320 x 100
Responsive Landscape1200 x 628
Responsive Square600 x 600
LinkedIn AdsSingle Image Ad (1.91:1)1200 x 628
Single Image Ad (Square)1200 x 1200
Single Image Ad (Vertical)720 x 900
Carousel Card1080 x 1080
Spotlight Ad Background300 x 250
Spotlight Ad Logo100 x 100
Message Ad Banner300 x 250
Video Thumbnail (16:9)1200 x 675

How to add a cover and icon at the right size

  1. Drop your image into the resizer above, choose Notion, then Page Cover (1500 x 600).
  2. Drag inside the frame so the subject sits in the middle third — that band is what survives on a wide window.
  3. Download. JPG for photography, PNG for flat colour or type; either way it lands well under the 5MB display ceiling.
  4. In Notion, hover the top of the page, click Add cover, then Change coverUpload.
  5. Hover the cover and choose Reposition to set the visible band, then Save position.
  6. Click the icon slot beside the page title and upload a 280 x 280 square — or pick an emoji, which costs nothing and reads better at sidebar size than most logos do.
  7. Check the page on a narrow window and in dark mode. Both change what your cover and icon actually look like.

Cover vs icon vs inline image

Three uploads, three completely different jobs — and only the icon has a dimension Notion actually publishes.

Page coverPage iconInline image
Upload at1500 x 600280 x 2801500 px wide+
Notion’s own figureWidth floor only280 x 280None
Cropped on display?Yes — to a band that varies with window widthNo — scaled downNo — resized by dragging
Reused elsewhereGallery cards, site share previewSidebar, search, mentions, faviconGallery card preview, if it’s the first block

Frequently Asked Questions

What size should a Notion cover image be?

Design it at 1500x600 pixels (2.5:1). Notion publishes only a width: covers should be “at least 1,500 pixels wide”, and it explicitly says there is no best size because covers are dynamic depending on the width of your window. The 600-pixel height is a design choice — it meets the width floor and leaves vertical room for Notion to crop a band out of. On a wide monitor, 2400x960 keeps the same ratio with more pixels.

What size is a Notion page icon?

280x280 pixels. That is Notion’s stated guidance — uploaded icons “should ideally be 280 x 280 pixels” — and it applies to custom emojis too. The icon renders far smaller than that everywhere it appears (sidebar, search results, @-mentions, gallery cards), so use one high-contrast shape and no text, and upload a PNG with a transparent background so it works in dark mode.

Why does Notion crop my cover image?

Because a cover is a band, not a frame. Notion stretches the image to the full width of the window and shows a fixed-height slice of it, so a wider browser window shows less of the image’s height. Nothing is wrong with your file — hover the cover, choose Reposition, drag to the slice you want, and save. Keeping the subject in the middle third of the image makes every window size look deliberate.

What is the maximum image size in Notion?

Images (PNG, JPG) must be under 5MB to display — Notion states that limit for paid plans, and on the Free Plan every upload of any kind must be under 5MB. Paid plans can upload files up to 5GB each, but that is the file limit, not the image-display limit. If you see “image is too large to be displayed”, Notion’s own suggestion is to upload it as a file instead, or just resize it below 5MB first.

What image formats does Notion support?

Notion accepts HEIC, ICO, JPEG, JPG, PNG, TIF, TIFF, GIF, SVG and WEBP, alongside PDF, MD, MP3, MP4, WAV and OGG for non-image files. Use JPG for photographic covers, PNG for icons and anything with flat colour or transparency, and SVG for diagrams — vector stays crisp at any block width and barely counts against the 5MB ceiling.

What size are Notion database cover images?

There is no separate database cover format. Every row in a database is a page, so a gallery card preview is that page’s own cover at 1500x600 — or the first block of the page, or a Files & media property, depending on which preview source you pick. With Fit image off, the card crops your cover to fill the frame; with Fit image on, the whole image fits inside the card and is letterboxed instead.

What size should a Notion workspace logo be?

Notion publishes no dimension for the workspace icon, so use the 280x280 square it recommends for page icons. Set it under Settings → General → Icon. It renders as a small rounded square beside the workspace name in the sidebar and switcher, so upload a monogram or symbol rather than a full wordmark lockup.

What image does a published Notion Site use for link previews?

By default the share preview is built from your site’s current cover image and title. You can replace it under Share → Publish → Site customization by hovering the preview and choosing Upload image. Use 1200x630 (1.91:1) there — that is the shape link previews render on Slack, LinkedIn, and X, and a 2.5:1 page cover gets re-cropped to fit it.