Squarespace 7.1 automatically delivers WebP via its Fastly CDN — but your original file is still what determines how fast every size variant loads. Uploading pre-optimized images is the biggest lever you have for Squarespace page speed.
Convert to WebP or compress JPG/PNG — free, instant, no upload to our servers.
| Feature | Squarespace 7.0 (Legacy) | Squarespace 7.1 (Current) |
|---|---|---|
| Auto WebP delivery | ✗ No | ✓ Via Fastly CDN |
| Auto size variants | ✓ Yes | ✓ Yes |
| Accepts WebP upload | Partial | ✓ Yes |
| Manual WebP benefit | High — no auto conversion | Medium — CDN converts, but original size matters |
| Max file size | 20 MB | 20 MB |
| Image Type | Recommended Size | Target File Size | Notes |
|---|---|---|---|
| Banner / Hero | 2500 × 1000 px | <400 KB | Squarespace crops to fit section height |
| Full-width section | 2500 px wide | <500 KB | Squarespace generates variants at 100, 300, 500, 750, 1000, 1500, 2500px |
| Content / blog image | 1500 px wide | <200 KB | Single column max display ~800px on desktop |
| Product image | 1500 × 1500 px | <300 KB | Square preferred; Squarespace crops to grid |
| Logo | 250 × 100 px | <20 KB | PNG with transparency or SVG; WebP also works |
| Gallery image | 2000 px wide | <300 KB | Squarespace lightboxes at up to 2500px |
Resize your images to the recommended dimensions before converting. A 5000 px photo uploaded to a 1500 px content block is wasted resolution.
Open Convertlo, drop your images, set quality to 85. Download WebP files — 25–35% smaller than JPG at the same quality.
If you prefer to keep JPGs, compress to quality 80–85 using Convertlo's compressor. Squarespace 7.1 will deliver them as WebP anyway.
Drag into your Squarespace editor or Media Library. Squarespace generates all size variants (100px to 2500px) from your optimized original.
Squarespace generates 7+ size variants from each uploaded image. A 500 KB WebP original produces smaller variants than a 2 MB JPG — even though Squarespace converts both to WebP for delivery.
Squarespace auto-plays video backgrounds by default. These block rendering and add 2–5 MB of video data on load. Replace video backgrounds with a high-quality static image for dramatic PageSpeed improvements.
Gallery blocks load all image URLs on page load. Large galleries (30+ images) significantly increase initial page weight even with lazy loading. Split large galleries across pages.
After uploading, click the image in Squarespace and set the focal point (the dot). This controls which part of the image stays in frame when Squarespace crops to different aspect ratios — preventing important content from being cut off.
In Squarespace, click any image → click the pencil icon → fill in the Alt Text field. Alt text is read by Google Image Search and screen readers. Squarespace doesn't auto-populate it.
Don't use PNG for photographs — PNG is lossless and produces massive files. Use JPG or WebP for photos. Use PNG (or SVG) for logos, icons, and graphics with transparent backgrounds.
Direct answers structured for AI extraction, voice search, and featured snippets.
At quality 80-85, no — visitors won't notice any difference in your gallery or banner images. WebP can't restore detail your JPG export already lost, but it stores the same visual result in a smaller file, which directly helps the site speed score Squarespace and Google both measure.
Typically 25-35% smaller than the equivalent JPG at matched visual quality. Squarespace sites are often image-heavy — galleries, portfolios, full-width banners — so this reduction can meaningfully cut total page weight and improve load times on mobile.
Yes — Squarespace 7.1 and current templates support WebP images uploaded through the standard image block or gallery block, and all modern browsers render WebP natively. Upload the converted file the same way you'd upload a JPG; no plugin or code injection is required.
Yes — WebP fully supports alpha transparency, so PNG logos and graphics with transparent backgrounds keep their transparency when converted. JPG photos have no transparency to begin with, so converting those to WebP simply keeps them fully opaque, exactly as before.