Squarespace Image Sizes Made Simple: A No-Stress Guide for Gorgeous, Fast Sites
Squarespace Image & Graphic Size Guide
1. General Image Uploads
Upload width: Aim for 1500–2500 px wide. This helps Squarespace generate all the responsive sizes it needs.
Ideal width:
1500 px for most image blocks and galleries
2500 px for full-width banners or backgrounds
Squarespace creates seven different versions on upload: 100, 300, 500, 750, 1000, 1500, and 2500 px wide
File size limit per image: 20 MB, but keep them under 500 KB (ideally even tighter for page speed)
Bonus tip: Community recommends keeping images under 300 KB, and even under 150 KB when possible—especially on mobile!
2. Banner & Background Images
Recommended width: 2500 px for maximum clarity across large screens
Pro tip: For some ultra-detailed full-screen banners, up to 3000 px might be tempting—but it could slow things down
Template-based height suggestions (when available):
Brine Templates: ~2000–2500 px wide by 700–800 px tall
Skye Templates: ~2000 px wide by 600–800 px tall
Montauk Templates: ~1500–2000 px wide with ~3:2 ratio (so around 1000–1300 px tall)
3. Logos & Favicons
Logos: Upload around 500 × 500 px. You can resize in header settings—especially handy for mobile adjustments
Favicons: Keep them 100 × 100 px to 300 × 300 px, though browsers display them at 16 × 16 px
4. Gallery, Event Thumbnails & Thumbnails
Standard galleries: 1500 px width, matching aspect ratios for a cohesive look
Event thumbnails (default 3:2 ratio): Use 1500 × 1000 px to avoid awkward cropping
5. Other Image Use Cases
Blog featured images: Between 1200–1500 px wide
Thumbnails or icons: 500–800 px wide; icons can be closer to 500 px
Mobile-first thinking: JPEG images under 200 KB, PNGs under 500 KB to improve load speeds on phones
Per-page image weight: Try to keep total per-page image files under 500 MB—though aiming much lower helps speed!
Quick Reference List
Full-width banner/background
2000–2500 px wide (maybe up to 3000 px)
<500 KB (300 KB ideal)
Standard image/gallery
~1500 px wide
<500 KB
Event thumbnail (3:2)
1500 × 1000 px
<500 KB
Blog featured image
1200–1500 px wide
<500 KB
Logo
~500 × 500 px
<500 KB
Icon or thumbnail
500–800 px wide
<200 KB for mobile
Favicon
100–300 px square
<100 KB
Final Thoughts…
Think of each image as both a design superstar and a sneaky SEO helper. Uploading crisp images with smart sizes—and keeping them light—means your site looks oh-so-professional and stays speedy on all devices—which Google and all search engines LOVE.
