How to Choose the Best Squarespace Image Size for Your Site

sqaurespace image size

Squarespace has exceptional ease of use and zero learning curve, which is a huge advantage for non-techy business owners who want an affordable but reliable site that will help them sell well and that’s easy for them to use. It only makes sense that it would become so popular for eCommerce sites looking to quickly connect with their target audience.

Many of our clients use Squarespace for their sites, and they’ve recently been asking us about Squarespace image sizes and best practices to help them effectively sell their products and services.

You’ve asked, and we’ve answered! In this post, we’re going to take a close look at the best Squarespace image size for different types of product photos, along with some design tips to ensure that you’re maximizing the potential for conversions.

The Perfect Squarespace Image Size for Products

Squarespace has three primary types of images when it comes to product pictures. These are:

  • Primary Images. These are the images that are shown in search, in many cases, and they’ll show up as the first picture for each product.
    squarespace primary product image size
  • Additional images.  These will only appear on the product pages, though they can display when users hover over the thumbnail when using the Advanced Product Page option (we’ll look at this in a minute).
    squarespace image size
  • Thumbnail images. These images display in product blocks, and on product pages in Advanced options.
    squarespace thumbnail image size

There’s good news though: You can use the same size images and aspect ratios for every type of image, simplifying the process significantly.

When you upload an image to Squarespace, they’ll automatically create seven different versions of each image, with widths of 100, 300, 500, 750, 1000, 1500, and 2500 pixels, and it’s up to you to choose which you’d like to go with.

The right choice for displaying will depend on the size of the image container, but they recommend uploading images that are at least 1500-2500 pixels long in width so that there’s potential for it to resize correctly and have zoom capabilities.

What About Other Types of Squarespace Images?

While product pictures get most of the attention here, there are a few other types of images you may want to include on your Squarespace site. Here are the ones you need to know and their recommended image dimensions:

  • Favicons (or the tiny logos that appear in the URL address bar) should be between 100×100 and 300×300. They should be saved as a PNG or ING file.
  • Background images should be at least 2500 pixels wide, which is likely how wide Squarespace will stretch them to.
  • Banners should be at least 1500 pixels wide. If they’re wider than that, they may not display on mobile correctly.

Other Image Technical Requirements on Squarespace

Squarespace has the following requirements for product images being used on their site:

  • You can use images in JPG, GIF, or PNG formats only.
  • Only include letters, numbers, underscores, and hyphens in file names; other characters may cause errors when the images are being displayed in product galleries.
  • Keep image resolution under 60 megapixels. (Note: To find megapixels, multiply the dimensions of your image and divide it by 1 million.)
  • Images should be using RGB color mode; print mode (CMYK) won’t work in most browsers. For mobile, use the sRGB color profile, or your images may not display correctly.
  • Image file sizes can be as large as 20MB, but Squarespace encourages site owners to opt for closer to 500KB file sizes or less so that you don’t impact size performance and loading speeds, which is a concern with larger images. Ideally, each page should have all content add up to less than 5MB for optimal performance.

3 Visual Tips to Increase Squarespace Conversions

If you want to go beyond the technical best practices for Squarespace images and ensure that your images are design-friendly for your customers, too, check out these 3 design tips.

Be Consistent With Aspect Ratios

Squarespace strongly recommends that when it comes to product images and other like-images on your site (including different supporting images on your home or “About Us” pages) that you choose the same aspect ratios.

squarespace image aspect ratios

This will look better overall than a bunch of mismatched image sizes, giving your site a much stronger look that is aesthetically right on point.

Choose the Advanced Product Page Style

You can choose from multiple different types of product page styles, which essentially determine how your product pages will appear.

When it comes to product page styles, you can choose from Classic, Advanced, or Unique. In a lot of cases, the Advanced Product Page Style is going to be the way to go, because it offers additional functionality that plenty of customers want.

squarespace image examples & ideas

This includes the ability to display an alternative image when users hover over your product page, zoom functions, and quick view features.

The Advanced Product Page Style option is available for all of the following templates:

advanced product page squarespace

Prioritize Clean Images With Plenty of Whitespace

High-quality photographs that are centered in the middle of white background (or any negative space with the color of your choice) are going to look professional. They’ll also look uniform, which is a great advantage when users want to scan through your options, see what you sell, and find what works best for them.

squarespace image tips

Having extra white space on the edges of your images also leaves room for cropping, which will be exceptionally useful when the Squarespace template of your choosing might require you to crop an image so that it fits the gallery of your choice.


Squarespace is a fantastic choice for businesses looking for a website builder that’s easy to use, easy to customize, and easy to sell with. With the right images in place, the “easy to sell” benefit becomes heightened even more. Fortunately, choosing the right images and optimizing them well is pretty simple on Squarespace, so focusing on what you’re featuring can take a bigger priority of how you’re featuring your products.

Need help resizing your images or adding to them? Sign up with Snappa today for free! 

What do you think? What Squarespace image size and aspect ratios have worked best for you? How do you use your product images to sell more? Share your thoughts and questions in the comments below! 

  • June 29, 2019, 9:24 am

    Тhis іs really interesting, Уou’re a very skilled blogger.

    Ι’ve joined yоur feed and lοok forward tο seeking mߋre of yօur
    fantastic post. Αlso, Ι hаve shaed yоur site in mʏ social

  • feshop new domain June 30, 2019, 8:11 pm

    Thanks for sharing ʏoսr thoughts. I reɑlly appгeciate үоur efforts and
    I am waiting for your frther wrіte սps thɑnk yoou oncе again.

  • register carder007 July 2, 2019, 12:28 pm

    Yοu are so awesome! Ι don’t thіnk I have read anything like that beforе.
    So nice to find another person wioth ɑ few genuine thoughts on this subject
    matter. Seriously.. many thanks for starting this up.
    This web sitre is soethіng that’s needed on thе inteгnet,
    someone with a bit of oriցinality!

  • carder007 down July 2, 2019, 5:38 pm

    Nice blog here! Also yoᥙr website loads upp verʏ fаst!
    Ԝhat web hosdt aге you using? Can I ցet ʏour affiliate link tߋ your host?
    I wisһ my web site loaded uр ɑs գuickly aѕ үours lol

  • kucoin vs gate io February 25, 2023, 5:36 am

    I agree with your point of view, your article has given me a lot of help and benefited me a lot. Thanks. Hope you continue to write such excellent articles.

  • gateio March 10, 2023, 10:17 pm

    I have read your article carefully and I agree with you very much. This has provided a great help for my thesis writing, and I will seriously improve it. However, I don’t know much about a certain place. Can you help me?

  • gate io nedir May 6, 2023, 7:22 pm

    After reading your article, it reminded me of some things about gate io that I studied before. The content is similar to yours, but your thinking is very special, which gave me a different idea. Thank you. But I still have some questions I want to ask you, I will always pay attention. Thanks.

  • Konto na Binance May 10, 2023, 8:39 pm

    Thanks for sharing. I read many of your blog posts, cool, your blog is very good.

  • registro de Binance May 11, 2023, 10:52 pm

    Your point of view caught my eye and was very interesting. Thanks. I have a question for you.

  • şikayet May 19, 2023, 6:13 pm

    Thank you very much for sharing. Your article was very helpful for me to build a paper on After reading your article, I think the idea is very good and the creative techniques are also very innovative. However, I have some different opinions, and I will continue to follow your reply.

  • gate io May 25, 2023, 8:36 pm

    I may need your help. I’ve been doing research on gate io recently, and I’ve tried a lot of different things. Later, I read your article, and I think your way of writing has given me some innovative ideas, thank you very much.

  • 20bet September 15, 2023, 2:24 am

    Your article gave me a lot of inspiration, I hope you can explain your point of view in more detail, because I have some doubts, thank you.

  • 20bet October 4, 2023, 8:39 pm

    I am currently writing a paper that is very related to your content. I read your article and I have some questions. I would like to ask you. Can you answer me? I’ll keep an eye out for your reply. 20bet

  • nimabi November 30, 2023, 11:15 am

    Thank you very much for sharing, I learned a lot from your article. Very cool. Thanks. nimabi