Compress Images for Squarespace — Free, No Upload
Reduce image file size to under 500KB for faster Squarespace page loading — 100% browser-based and private.
Drop image here or click to upload
JPG, PNG, WebP, HEIC — max 20MB
You can also paste an image (Ctrl+V)
Why Squarespace Sites Need Compressed Images
Squarespace recommends images under 500KB for blog posts and under 1MB for full-width banners — but even these limits can slow your site if the above-fold image is large. Squarespace uses Imgix CDN to serve images at the correct display size, but LCP (Largest Contentful Paint) — Google's primary speed metric — is determined by how fast the source file begins loading, not just how fast it displays. A 1.5MB hero image served via Imgix still triggers a slow LCP because the full source file must be fetched before the CDN processes a new size variant.
Squarespace templates are JavaScript-heavy — some premium templates load 600KB+ of JS. This makes images even more critical: images are the one factor fully within your control as a site owner. Compressing all images to under 500KB before uploading reduces your Squarespace site's LCP by 0.5–1.5 seconds on mobile, which can lift your PageSpeed score by 10–20 points and improve your Google search ranking.
Squarespace Image Size Guidelines
| Page element | Recommended px | Target size | Quality |
|---|---|---|---|
| Full-width banner / hero | 2000–2500px wide | < 600KB | 80–82 |
| Blog post image | 1500px wide | < 500KB | 82–85 |
| Product image | 1500×1500px | < 500KB | 82 |
| Gallery image | 1500px wide | < 400KB | 82 |
| Portfolio cover | 2000×1333px | < 600KB | 80–82 |
| Logo | 400px wide | < 50KB | PNG (transparent) |
At quality 82, a 2000px wide JPEG compresses to 300–600KB for most landscape photos — within the Squarespace recommended limit for full-width banners.
How to Compress Images for Squarespace — 3 Steps
- 1
Upload your image
Click the upload area, drag and drop, or paste from clipboard. Accepts JPG, PNG, WebP, and HEIC up to 20MB. For very large photos (over 3000px wide), consider resizing to 2000px wide first using the Resize Image tool before compressing.
- 2
Set quality to 80–85
Quality 82 is the recommended starting point. A 2000px wide JPEG at quality 82 compresses to 300–600KB for most photos. For hero banners and portfolio covers, aim for under 600KB. For blog images at 1500px wide, quality 82 typically gives 200–450KB. Landscape photos with lots of detail may be larger — try quality 78.
- 3
Download and upload to Squarespace
Download the compressed file. In Squarespace, click the image block → Edit → Replace image → upload the compressed file. For blog posts, use the Insert Image button. For products, go to the product editor → Images → Add Image. Your LCP score will improve immediately on the next PageSpeed test.
Does Squarespace Resize Images Automatically?
Yes — Squarespace uses Imgix CDN to serve images at the correct display size for each device and screen resolution. When a visitor loads your page, Squarespace requests the image from Imgix at the exact pixel width needed — not the full 2000px source. This automatic resizing is a powerful feature.
However, automatic resizing only handles dimensions, not compression quality. Imgix will serve a smaller copy of your image, but the compression ratio is based on the original file. If you upload a 10MB original at maximum JPEG quality, Imgix's resized versions will still be larger than if you had uploaded a well-compressed source. Additionally, the first time a new size variant is requested, Imgix must process the original — a 10MB source takes longer to process than a 500KB source, causing a slow first load for new visitors.
What Imgix handles for you
Serves images at the correct display width for each device. Delivers via CDN close to the visitor. Converts to WebP for modern browsers automatically.
What you must do before uploading
Compress to under 500KB for blog images, under 600KB for banners. This reduces processing time for new size variants and improves LCP for first-time visitors.
Common Squarespace Image Mistakes
Uploading RAW or uncompressed exports
Lightroom and Photoshop exports at maximum quality produce 10–30MB files. Export at 2000px wide, quality 80–85 from your editing software first.
Hero banner over 1MB
The hero banner is the LCP element — the single biggest factor in your PageSpeed score. Compress to under 600KB at 2000px wide. Under 400KB is even better.
Using PNG for photography
PNG portfolio photos are 5–15MB. The same photo as JPEG at quality 82 is 300–600KB. Use PNG only for logos, icons, and images requiring transparency.
Portfolio covers over 1MB
Portfolio index pages load multiple cover images simultaneously. Each cover over 500KB causes the portfolio grid to load slowly on mobile.
Not resizing before compressing
A 6000×4000px photo compressed to quality 82 is still 2–5MB. Resize to 2000px wide first, then compress — output will be 300–600KB.
Ignoring the blog thumbnail
Blog index pages show multiple thumbnails at once. Target under 300KB per thumbnail at 1500px wide for fast blog index loading.
Your Images Never Leave Your Device
All compression runs entirely in your browser. Your portfolio photos, product images, and blog content are never uploaded to any server. Free with no limits, no account required.