Squarespace Image Sizes — Banner, Gallery, Blog & Product Dimensions
Squarespace publishes one image spec and it covers every image on your site: upload between 1500 and 2500 pixels wide — 2500px is ideal — keep the file under 500KB, and use JPG, PNG, GIF or WebP in sRGB. There is no separate banner dimension, no gallery dimension and no product dimension, because Squarespace resizes every upload to fit the element it lands in. The favicon is the single asset with its own published size.
Squarespace Image Sizes at a Glance
| Asset | Recommended Upload | Aspect Ratio | Notes |
|---|---|---|---|
| Any image (ideal) | 2500 px wide | Any | Squarespace’s stated ideal width for most images |
| Any image (minimum) | 1500 px wide | Any | Narrower than 1500px “may appear blurry” |
| Banner / section background | 2500 x 1406 * | 16:9 | No preset dimension; must be wider than it is tall |
| Full-bleed background | 2500 x 1667 * | 3:2 | Always crops on mobile; set a focal point |
| Blog featured image | 1500 x 1000 * | 3:2 | One image serves the feed, the post and the share preview |
| Gallery image | 1500 x 1500 * | 1:1 | Use one ratio across the whole set |
| Product image | 2000 x 2000 * | 1:1 | Up to 100 images per product; keep ratios consistent |
| Logo | 1200 x 400 * | Varies | PNG with transparency; no fixed dimension |
| FaviconPublished | 300 x 300 | 1:1 | 100x100 to 300x300; PNG, max 100KB, no .ico |
* Squarespace does not publish a pixel dimension for this asset. These are the 1500–2500px upload rule applied at a sensible aspect ratio for where the image renders. Any width in that range is equally “correct” by Squarespace’s own documentation — the ratio is what determines how the image crops. The favicon is the one asset Squarespace gives real numbers for.
Download a Blank Template
Start on a correctly-sized canvas instead of guessing in your editor. Every template sits inside Squarespace’s 1500–2500px upload window, so nothing here will be flagged as too small or trip the mobile ceiling.
Drop an image here or click to browse
Social Media Image Size Cheat Sheet (2024)
| Platform | Type | Dimensions |
|---|---|---|
| Post (Square) | 1080 x 1080 | |
| Post (Portrait) | 1080 x 1350 | |
| Post (Landscape) | 1080 x 566 | |
| Story / Reel | 1080 x 1920 | |
| Profile Photo | 320 x 320 | |
| TikTok | Video Cover | 1080 x 1920 |
| Profile Photo | 200 x 200 | |
| YouTube | Thumbnail | 1280 x 720 |
| Shorts | 1080 x 1920 | |
| Channel Banner | 2560 x 1440 | |
| Profile Photo | 800 x 800 | |
| Post (Landscape) | 1200 x 630 | |
| Post (Square) | 1200 x 1200 | |
| Cover Photo | 820 x 312 | |
| Profile Photo | 170 x 170 | |
| Event Cover | 1200 x 628 | |
| X (Twitter) | Profile Photo | 400 x 400 |
| Header Photo | 1500 x 500 | |
| In-Stream Photo | 1600 x 900 | |
| Card Image | 1200 x 628 | |
| Post Image | 1200 x 627 | |
| Cover Photo | 1584 x 396 | |
| Profile Photo | 400 x 400 | |
| Company Logo | 300 x 300 | |
| Standard Pin | 1000 x 1500 | |
| Idea Pin | 1080 x 1920 | |
| Board Cover | 600 x 600 | |
| Profile Photo | 165 x 165 | |
| Twitch | Profile Banner | 1200 x 480 |
| Offline / Video Player Banner | 1920 x 1080 | |
| Profile Photo | 256 x 256 | |
| Info Panel | 320 x 100 | |
| Emote (Large) | 112 x 112 | |
| Emote (Medium) | 56 x 56 | |
| Emote (Small) | 28 x 28 | |
| Snapchat | Snap | 1080 x 1920 |
| Geofilter | 1080 x 2340 | |
| Profile Photo | 320 x 320 | |
| Story Ad | 1080 x 1920 | |
| Threads | Profile Photo | 320 x 320 |
| Feed Image | 1080 x 1350 | |
| Feed Square | 1080 x 1080 | |
| Link Preview | 1200 x 628 | |
| Discord | Server Icon | 512 x 512 |
| Profile Avatar | 128 x 128 | |
| Profile Banner | 600 x 240 | |
| Server Banner | 960 x 540 | |
| Invite Splash | 1920 x 1080 | |
| Custom Emoji | 128 x 128 | |
| Sticker | 320 x 320 | |
| Role Icon | 64 x 64 | |
| Post Image | 1200 x 675 | |
| Community Banner | 1920 x 384 | |
| Avatar / Community Icon | 256 x 256 | |
| Old Reddit Thumbnail | 70 x 70 | |
| Status (Story) | 1080 x 1920 | |
| Business Catalog | 1024 x 1024 | |
| Profile Photo | 500 x 500 | |
| Group Icon | 500 x 500 | |
| Telegram | Channel Post Photo | 1280 x 1280 |
| Story | 1080 x 1920 | |
| Sticker | 512 x 512 | |
| Profile Picture | 512 x 512 | |
| Channel / Group Icon | 512 x 512 | |
| Spotify | Canvas (Looping Video) | 1080 x 1920 |
| Cover Art | 3000 x 3000 | |
| Show / Podcast Artwork | 3000 x 3000 | |
| Profile Image (Artist) | 750 x 750 | |
| Playlist Cover | 640 x 640 | |
| Substack | Newsletter Header | 1456 x 816 |
| Post / Section Hero | 1456 x 816 | |
| Publication Logo | 256 x 256 | |
| Profile Photo | 256 x 256 | |
| beehiiv | Post Thumbnail | 1200 x 630 |
| Publication Logo | 800 x 800 | |
| Profile Picture | 800 x 800 | |
| Inline Image (Landscape) | 1200 x 675 | |
| Inline Image (Square) | 1200 x 1200 | |
| Subscriber Profile Picture | 100 x 100 | |
| Medium | Story Cover | 1500 x 750 |
| Topic / Tag Header | 1500 x 750 | |
| Publication Logo (Horizontal) | 600 x 60 | |
| Publication Logo (Square) | 500 x 500 | |
| Profile Photo | 500 x 500 | |
| Bluesky | Profile Avatar | 1000 x 1000 |
| Profile Banner | 3000 x 1000 | |
| Post Image (Portrait) | 1200 x 1500 | |
| Post Image (Landscape) | 1200 x 675 | |
| Link Card Preview | 1200 x 630 | |
| Mastodon | Profile Picture | 400 x 400 |
| Header Image | 1500 x 500 | |
| Post Image (Landscape) | 1280 x 720 | |
| Post Image (Square) | 1200 x 1200 | |
| Post Image (Portrait) | 1200 x 1500 | |
| Link Preview Card | 1200 x 630 | |
| Etsy | Listing Photo (Square) | 2000 x 2000 |
| Listing Photo (4:3) | 2700 x 2025 | |
| Search Thumbnail | 570 x 456 | |
| Shop Banner (Big) | 1200 x 300 | |
| Shop Banner (Large) | 3360 x 840 | |
| Shop Icon | 500 x 500 | |
| Amazon | Main Image (Recommended) | 2000 x 2000 |
| Main Image (Zoom Minimum) | 1000 x 1000 | |
| Secondary / Lifestyle Image | 1600 x 1600 | |
| Video Thumbnail | 1280 x 720 | |
| Swatch Image | 30 x 30 | |
| Shopify | Product Image (Recommended) | 2048 x 2048 |
| Product Image (Maximum) | 5000 x 5000 | |
| Slideshow / Hero Banner | 1280 x 720 | |
| Blog Post Image | 1200 x 800 | |
| Logo (Wordmark) | 400 x 100 | |
| Favicon | 32 x 32 | |
| Canva | Presentation (16:9) | 1920 x 1080 |
| Instagram Post (Square) | 1080 x 1080 | |
| Instagram Story | 1080 x 1920 | |
| Facebook Cover | 851 x 315 | |
| YouTube Thumbnail | 1280 x 720 | |
| Pinterest Pin | 1000 x 1500 | |
| Logo | 500 x 500 | |
| Wix | Hero / Banner | 1920 x 1080 |
| Section Background | 1920 x 1080 | |
| Blog Post Thumbnail | 880 x 586 | |
| Gallery Image | 1000 x 1000 | |
| Product Image (Wix Stores) | 3000 x 3000 | |
| Logo | 250 x 100 | |
| Favicon | 96 x 96 | |
| WordPress | Featured Image / og:image | 1200 x 630 |
| Thumbnail (cropped) | 150 x 150 | |
| Medium | 300 x 300 | |
| Large | 1024 x 1024 | |
| 2x Large | 2048 x 2048 | |
| Max Upload Before Scaling | 2560 x 2560 | |
| Squarespace | Banner / Section Background | 2500 x 1406 |
| Full-Bleed Background | 2500 x 1667 | |
| Blog Featured Image | 1500 x 1000 | |
| Gallery Image | 1500 x 1500 | |
| Product Image | 2000 x 2000 | |
| Logo | 1200 x 400 | |
| Favicon | 300 x 300 | |
| Google Slides | Widescreen 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 | |
| Slack | Workspace Icon | 512 x 512 |
| Profile Photo | 512 x 512 | |
| Profile Photo (Max) | 1024 x 1024 | |
| Custom Emoji | 128 x 128 | |
| Shared Image (Full Preview) | 1024 x 1024 | |
| Link Preview (og:image) | 1200 x 630 | |
| Google Business Profile | Logo | 720 x 720 |
| Cover Photo | 1920 x 1080 | |
| Post Photo | 720 x 720 | |
| Product Photo | 720 x 720 | |
| Photo (Minimum) | 250 x 250 | |
| Tumblr | Photo Post (Recommended) | 540 x 810 |
| Photo Post (Max) | 2048 x 3072 | |
| GIF (Recommended Width) | 540 x 540 | |
| Header Image | 2048 x 1152 | |
| Avatar | 128 x 128 | |
| Email Header | Substack Email Banner | 1100 x 220 |
| Header @2x (600px Email) | 1200 x 240 | |
| Mailchimp Header @2x (New Builder) | 1320 x 264 | |
| Email Body Width (1x) | 600 x 120 | |
| Facebook Ads | Feed Single Image | 1440 x 1800 |
| Carousel Card | 1080 x 1080 | |
| Stories & Reels | 1440 x 2560 | |
| Link Ad (Legacy 1.91:1) | 1200 x 628 | |
| Google Display Ads | Inline Rectangle | 300 x 250 |
| Large Rectangle | 336 x 280 | |
| Leaderboard | 728 x 90 | |
| Half-Page | 300 x 600 | |
| Wide Skyscraper | 160 x 600 | |
| Billboard | 970 x 250 | |
| Large Mobile Banner | 320 x 100 | |
| Responsive Landscape | 1200 x 628 | |
| Responsive Square | 600 x 600 | |
| LinkedIn Ads | Single Image Ad (1.91:1) | 1200 x 628 |
| Single Image Ad (Square) | 1200 x 1200 | |
| Single Image Ad (Vertical) | 720 x 900 | |
| Carousel Card | 1080 x 1080 | |
| Spotlight Ad Background | 300 x 250 | |
| Spotlight Ad Logo | 100 x 100 | |
| Message Ad Banner | 300 x 250 | |
| Video Thumbnail (16:9) | 1200 x 675 |
The Seven Widths Squarespace Actually Serves
Squarespace creates up to seven versions of every image you upload and serves whichever one fits the visitor’s screen. These seven widths are the only dimensions Squarespace really has — every “Squarespace banner size” table on the internet is a convention built on top of them, not a spec Squarespace published.
Versions Generated From a Single Upload
100px
Served version
300px
Served version
500px
Served version
750px
Served version
1000px
Served version
1500px
Blur floor
2500px
Ideal upload
An upload only fills the rungs up to its own width. Upload a banner at 1200px and the 1500px and 2500px versions are never created, so a desktop browser is handed the 1000px copy and stretches it — which is exactly what “images less than 1500px wide may appear blurry” means in practice. The ceiling is just as real: images more than 2500 pixels along their longest edge can cause issues on mobile devices. Between those two numbers, the width you pick barely matters. The aspect ratio does.
| Ideal upload width | 2500 px |
| Recommended file size | Under 500 KB |
| Hard upload limit | 20 MB per file, and a 120 MP resolution limit |
| Formats | .jpg, .gif, .png, .webp — animated .webp is not supported |
| Color | RGB mode, sRGB profile — DPI is irrelevant on the web |
Squarespace Blog Post Image Dimensions
A blog post’s image is its featured image — the same file Squarespace uses for the thumbnail in the blog feed, the header on the post itself, and the preview when someone shares the link. Because those three placements are different shapes, there is no pixel dimension that satisfies all of them, and Squarespace publishes none. Upload 1500x1000 (3:2) and set a focal point.
The thing that actually keeps a blog feed looking tidy is not the pixel count — it is using the same aspect ratio for every post. Images scale to fit the browser, but they always keep their shape, so a feed of consistent 3:2 images crops predictably while a feed mixing portrait and landscape never will.
| Recommended upload | 1500 x 1000 px (3:2), or 2500 x 1667 for a full-bleed post header |
| Where it appears | Blog feed thumbnail, post header, and the social share preview |
| Consistency | Use one ratio across every post — it is what makes the feed crop predictably |
| Cropping | Focal points center the image within the height each layout gives it |
Resize an image to 1500x1000 → Pick the “Blog Featured Image” preset in the Squarespace platform.
Squarespace Product Image Size for Online Stores
Squarespace Commerce inherits the same site-wide spec — no product-specific dimension is published. Upload square images at 2000x2000: comfortably above the 1500px blur floor, below the 2500px mobile ceiling, and square, which is the ratio that survives the grid on a shop page and the larger crop on the product page alike.
Two limits are worth knowing before you build a catalogue. A product can hold up to 100 images, but Squarespace warns that overloading one slows the page down — and asks you to keep pages under 5MB in total, a budget ten 500KB photos will exhaust on their own. Alt text is capped at 200 characters per image.
| Recommended upload | 2000 x 2000 px (1:1) |
| Images per product | Up to 100, but each one costs page-load time |
| Page budget | Keep the whole page under 5 MB |
| Aspect ratio | Crop to one ratio before uploading rather than relying on auto-crop |
| Alt text | Up to 200 characters per image |
Resize a product photo to 2000x2000 → Pick the “Product Image” preset in the Squarespace platform.
Running the same catalogue on another storefront? Shopify recommends 2048x2048 and allows up to 5000x5000 — the recommended size drops into Squarespace unchanged, the maximum does not. See Shopify image sizes before you export a single set for both.
Squarespace Gallery Block Image Size
Gallery blocks and gallery sections crop to whatever grid, slideshow or carousel layout you pick, so — again — there is no fixed size. Upload at 1500x1500 or larger and spend your effort on ratio consistency instead: images with matching aspect ratios avoid both cropping and the blank space that shows up around mismatched ones.
| Recommended upload | 1500 x 1500 px (1:1), or any single ratio applied to the whole set |
| Grid layout | An aspect ratio setting crops every image to the same shape |
| Slideshow layout | Height is set by the widest image — mismatched ratios leave gaps |
| Best practice | Crop to a shared ratio before uploading so you can predict the gallery’s height |
Resize a gallery image to 1500x1500 → Pick the “Gallery Image” preset in the Squarespace platform.
Squarespace Logo & Favicon Size
The logo has no required dimension — Squarespace only advises starting with a larger image, since small ones pixelate when they resize, and preparing it at roughly the height you want it displayed. On version 7.0 the maximum display height is a template decision, ranging from 65 pixels on Bedford mobile up to 480 pixels on Five. A 1200x400 PNG with a transparent background covers every one of them at retina density. Beware the built-in image editor: editing a logo converts it to .jpg and the transparency is lost.
The favicon is the one asset with published numbers. Between 100x100 and 300x300 pixels, PNG (Squarespace does not accept .ico), and no larger than 100KB. It renders at 16x16 in the tab. If you care about the favicon Google shows in search results, note that Google separately wants a multiple of 48px square — 144x144 satisfies both rules at once.
| Logo | ~1200 x 400 px, PNG with transparency; .jpg, .gif and .webp also accepted |
| Logo display height | Template-dependent on 7.0 — from 65 px (Bedford mobile) to 480 px (Five) |
| Favicon | 100 x 100 to 300 x 300 px square, PNG, max 100 KB — no .ico files |
| Favicon for Google | Google wants a multiple of 48px square; 144 x 144 meets both requirements |
Resize a favicon to 300x300 → Pick the “Favicon” preset in the Squarespace platform.
Tips for Optimizing Images in Squarespace
- Target 500KB, not 20MB: 20MB is the upload limit; under 500KB is the recommendation. The gap between them is where slow Squarespace sites live.
- Stay between 1500 and 2500 pixels wide: below 1500 the image may appear blurry, and beyond 2500 on the longest edge it can cause problems on mobile devices. There is no benefit to a 4000px upload.
- Pick the ratio, not the pixel count: Squarespace resizes for you but never changes an image’s shape. Ratio is the only thing you control once the file is uploaded.
- Set a focal point on anything that crops: banners, backgrounds and featured images all re-crop per device. The focal point is what decides whether your subject or your background survives.
- Never bake text into a banner: Squarespace tells you to overlay it instead. Baked-in text crops unpredictably as the banner reshapes, and search engines cannot read it.
- Crop before you upload, not after: auto-crop is a fallback. Cropping a gallery or product set to one shared ratio first is what makes the layout land where you expect.
- Export in sRGB: Squarespace expects RGB mode and an sRGB profile. A CMYK or Adobe RGB export renders with shifted color in the browser.
- Ignore DPI entirely: Squarespace says so directly — DPI and PPI only affect print, never web display. A 72 DPI and a 300 DPI file of the same pixel dimensions are identical on your site.
- Budget the whole page: keep pages under 5MB. On a product page with ten photos, that is the constraint that bites long before any single image does.
Frequently Asked Questions
What size should Squarespace images be?
Squarespace publishes one spec for every image on your site: upload between 1500 and 2500 pixels wide, with 2500 pixels ideal for most images, and keep the file under 500 KB. Accepted formats are .jpg, .gif, .png and .webp, in RGB mode with an sRGB profile. Images narrower than 1500 pixels may appear blurry, and images more than 2500 pixels on their longest edge can cause issues on mobile devices.
What size is a Squarespace banner image?
Squarespace page banners have no preset aspect ratio or dimensions, because they stretch and change shape to fit different browsers. Upload a banner 2500 pixels wide and wider than it is tall — 2500x1406 (16:9) is a safe default — then set a focal point. Banner height is determined by your section settings and the content overlaid on it, not by the image, which is why banners always crop to some degree on mobile.
What size should a Squarespace blog post image be?
Upload the featured image at 1500x1000 pixels (3:2). Squarespace does not publish a blog image dimension because the same featured image is reused as the feed thumbnail, the post header and the social share preview — three different shapes. Using one consistent aspect ratio across every post matters far more than the pixel count, since images always keep their shape as Squarespace resizes them.
What size should Squarespace product images be?
Square images at 2000x2000 pixels are the safe default. Squarespace Commerce publishes no product-specific dimension, so the site-wide 1500–2500 pixel rule applies. A product can have up to 100 images, but Squarespace warns that too many slow the page down and asks you to keep pages under 5 MB total. Crop your set to one shared aspect ratio before uploading rather than relying on auto-crop.
What size is a Squarespace favicon?
Between 100x100 and 300x300 pixels, square, as a PNG no larger than 100 KB. Squarespace does not support uploading .ico files and does not support multi-version favicons. The icon displays at 16x16 pixels in the browser tab. Google separately requires a favicon that is a multiple of 48 pixels square for search results, so 144x144 satisfies both Squarespace and Google.
Does Squarespace resize my images automatically?
Yes. Squarespace creates up to seven versions of each upload — at 100, 300, 500, 750, 1000, 1500 and 2500 pixels wide — and serves whichever fits the visitor’s screen. An upload can only produce versions up to its own width, so a 1200-pixel banner never gets a 1500 or 2500 pixel version and desktop browsers stretch the 1000-pixel copy instead. That is the mechanism behind the 1500-pixel blur warning.
Why does my Squarespace banner crop on mobile?
Because banners always crop to some degree, and the amount depends on the banner’s height and the browser’s width. Content overlaid on a banner increases its height, which increases the cropping. Set a focal point to control what stays centered, and keep text out of the image file itself — overlay it as real text so it stays readable at every width and remains indexable by search engines.
Can I reuse my Wix or Shopify images on Squarespace?
Usually, yes. A Wix hero built at 1920x1080 and a Shopify product master at the recommended 2048x2048 both fall inside Squarespace’s 1500–2500 pixel window, so they drop straight in. The one to watch is Shopify’s 5000x5000 maximum: that is double Squarespace’s 2500-pixel longest-edge ceiling, and Squarespace warns such images can cause issues on mobile devices. Downscale those to 2000x2000 first. In every case it is the aspect ratio, not the width, that determines whether the image crops the way you want.