Optimize images for Squarespace — compress hero banners, blog covers, product photos and logos to the exact sizes Squarespace recommends. Free, browser-based, instant results.
All recommended Squarespace image dimensions for 2026. Upload at these exact sizes and compress before uploading to avoid any quality loss from platform-side re-compression.
| Type | Width x Height | Aspect Ratio | Notes |
|---|---|---|---|
| Hero Banner | 2500 x 1400 px | 25:14 | Full-bleed hero sections — keep under 300 KB for fast LCP |
| Blog Cover | 1500 x 1000 px | 3:2 | Blog index thumbnail and post header image |
| Product Image | 2500 x 2500 px | 1:1 | Square product photos — Squarespace crops to fit grid layout |
| Logo | 400 x 400 px | 1:1 | Site identity logo — use PNG for transparency, keep under 50 KB |
Open the Compress tool and drop your Squarespace images. Set quality to 80% — Squarespace recommends images under 500 KB for optimal loading, so pre-compressing is critical for hero banners.
Use the Convert to WebP tool for an extra 25-30% file size reduction. Squarespace serves images through its own CDN and auto-converts formats, but a smaller source file means every variant loads faster.
Download and upload to Squarespace via the image manager. For hero sections, use Focal Point to control how Squarespace crops on mobile — pre-compressing ensures crisp results at every breakpoint.
Ready to optimize?
Use Compress to reduce file size without quality loss, or Convert to WebP for an extra 25-35% size reduction.
Squarespace accepts images up to 20 MB per file. However, uploading large images degrades page speed significantly. Squarespace recommends keeping images under 500 KB — use SammaPix to compress before uploading for the best balance of quality and performance.
Yes, Squarespace generates multiple size variants (100px to 2500px wide) and uses srcset to serve the appropriate size for each device. However, it starts from your original upload — pre-compressing with SammaPix means every generated variant is lighter from the start.
JPEG or WebP for photographs, PNG for logos and graphics with transparency. Squarespace auto-converts to WebP on supported browsers. Compressing with SammaPix before upload ensures the smallest possible file regardless of format.
Image optimization is the most impactful change. Compress all images with SammaPix to under 300 KB, use the correct dimensions (do not upload 5000px images for a 1500px slot), and enable lazy loading in Squarespace Design settings. This can improve your PageSpeed score by 15-30 points.
Always optimize before uploading. Squarespace's built-in editor can crop and adjust but does not compress file size. Pre-compressing with SammaPix reduces the source file that Squarespace uses to generate all responsive variants — resulting in faster loads across every device.
Optimize for WordPress
4 sizes - Featured Image, Thumbnail, Medium, Full / WooCommerce
Optimize for Wix
4 sizes - Hero Banner, Gallery Image, Logo, Blog Featured
Optimize for Webflow
4 sizes - Hero Background, CMS Thumbnail, Background 2K, Portfolio Image
Optimize for Shopify
4 sizes - Product Image, Collection Banner, Slideshow / Hero, Featured Product
No uploads
All compression happens entirely in your browser. Your images never leave your device.
Batch process
Optimize multiple images at once with the same settings. Download all as ZIP in seconds.
Free forever
Core optimization tools are completely free. No watermarks, no ads, no file limits.