Jump to content

Image version on Squarespace is larger than upload version. Why?

Recommended Posts

I am trying to tackle a page speed issue by redesigning and resizing images on my portfolio website. When I upload a compressed 2000px wide JPG image with 485kb and then right click, download, the image it is still 2000px wide, but all of a sudden it’s 618kb large. Why does SP enlarge the file by 30%? How do I please the Google-SEO-Gods, who are constantly complaining about my image size? 

Link to comment
  • Replies 1
  • Views 221
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Squarespace automatically compresses most images when you upload them; however, like in this circumstance, I have found where SS will enlarge an image.

Try compressing the image further using https://imagecompressor.com/ and see how SS treats it then - I have found before that if I compress it a bit more, SS doesn't enlarge it upon upload.

If this doesn't work, convert the image into a compressed PNG and try again.

I think the reason why this happens is that Squarespace automatically creates set widths for images. Based upon this article, https://support.squarespace.com/hc/en-us/articles/206542517-Formatting-your-images-for-display-on-the-web?platform=v6&websiteId=6214c6576b6195311edf4f9b, SS could be increasing the width of your image to 2500 pixels. However, I'm still working out precisely what happens here and figuring out if my plugin can fix it.

Hopefully that helps

 

Henry Purchase

Founder of SEOSpace - the SEO plugin for Squarespace.

Get a Free Squarespace SEO Audit: https://www.seospace.co.uk/squarespace-seo-audit-score

image.png.f2cf8f5bd8cb76803cb561be0b303142.png

Link to comment

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.