Squarespace is known for beautiful, design-forward websites. But uploading incorrectly sized images can undermine that design with blurry photos, slow loading, or awkward cropping. Here is everything you need to know about Squarespace image sizes.
Squarespace Image Size Recommendations
| Usage | Recommended Size |
|---|---|
| Full-width banner | 2500 px wide |
| Standard block | 1500 px wide |
| Product images | 2000×2000 px |
| Blog thumbnail | 1200×630 px |
| Logo | 400 px wide (SVG or PNG) |
How Squarespace Handles Images
Squarespace resizes and serves images at multiple resolutions through its CDN. The platform recommends keeping uploaded images between 500KB and 20MB. Files above 20MB may fail to upload. Squarespace does not convert images to WebP automatically, so uploading optimised JPG files gives you the best performance.
Resizing Images for Squarespace
Upload your image to imgresizr.com. For banner images, resize to 2500px wide, keeping proportional height. For product images, resize to 2000×2000px with a square crop. Use the Compress tool to reduce file size — for photos, aim for between 200KB and 1MB to balance quality and loading speed. Download as JPG for photos and PNG for logos.
Squarespace Image Best Practices
- Squarespace templates often crop images automatically — use the built-in focal point setting to control which part of the image remains visible
- Test every image section on mobile view in the Squarespace editor — mobile cropping differs from desktop
- Use consistent dimensions across your gallery for a polished, professional look
- Avoid uploading screenshots or low-resolution images — they appear pixelated on Squarespace's high-quality themes
- Enable Squarespace's "Progressive Loading" for faster image display on slower connections
Squarespace's design quality is only as good as the images you upload. Correctly sized, compressed, and colour-accurate images make the difference between a professional website and an amateur one.