Jump to content

Compression of images before upload to Squarespace 7.1

Recommended Posts

Posted

Hello!

I know it is "best practice" to always upload compressed images to web reduce load-time etc.

But I wonder if Squarespace anyway will compress the uploaded files, so there will be no need to do it beforehand?

I'm adding a link to a page where I have made an image gallery (slide-show), built in Squarespace 7.1, Fluid Engine:

https://www.hoyden.no/universitetsgata-7

(The images in this slideshow is not compressed before uploading)

 

Erlend

Posted
54 minutes ago, Erlend-fs said:

I know it is "best practice" to always upload compressed images to web reduce load-time etc.

But I wonder if Squarespace anyway will compress the uploaded files, so there will be no need to do it beforehand?

Squarespace recommend that you save the images at a high "quality" setting (95+ in most image tools) and then upload them without additional compression. 

To quote what I said in another thread, when you upload an image to Squarespace, the platform does some resizing which necessitates re-encoding and re-compressing. If you compress an image before uploading it, the mandatory re-compressing will usually result in a larger file size because the algorithm won't know the difference between "actual image content" and "artifacts of the previous compression run".

I hope this helps.

Did this help? Please give feedback by clicking an icon below  ⬇️

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

  • 2 weeks later...
  • 1 year later...
Posted (edited)

Checked out your gallery, and it looks fantastic! About the image compression, it's a common concern. Squarespace does apply some compression, but it's a good idea to compress before uploading for optimal performance. JPEG Optimizer is a solid tool for that. Personally, I think a little compress image beforehand helps maintain a good balance between quality and load time. It's like finding that sweet spot! Your slideshow is super smooth though, kudos! If you ever want to share tips or experiences, I'm all ears.

Edited by MonLas29
  • 5 months later...
Posted (edited)
On 2/28/2024 at 9:48 PM, MonLas29 said:

Checked out your gallery, and it looks fantastic! About the image compression, it's a common concern. Squarespace does apply some compression, but it's a good idea to compress before uploading for optimal performance. JPEG Optimizer is a solid tool for that. Personally, I think a little compress image beforehand helps maintain a good balance between quality and load time. It's like finding that sweet spot! Your slideshow is super smooth though, kudos! If you ever want to share tips or experiences, I'm all ears.

Squarespace does handle image compression after upload, so compressing images beforehand might not be crucial. However, I find that optimizing images before uploading like I did for my gym accessories store, including items such as wrist wraps weightlifting helps maintain better site performance and faster load times. This approach minimizes bounce rates and ensures a smoother user experience.

Hope this helps 😊😊😊😊😊😊😊

Edited by Jack_Will
To make comment more helpful
  • 3 weeks later...
Posted
On 2/28/2024 at 11:48 PM, MonLas29 said:

Checked out your gallery, and it looks fantastic! About the image compression, it's a common concern. Squarespace does apply some compression, but it's a good idea to compress before uploading for optimal performance. JPEG Optimizer is a solid tool for that. Personally, I think a little compress image beforehand helps maintain a good balance between quality and load time. It's like finding that sweet spot! Your slideshow is super smooth though, kudos! If you ever want to share tips or experiences, I'm all ears.

I am addressing wep delivery in this post 

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.