Managing Product Images on Squarespace

Last Edited Time

Jun 25, 2025 09:35 PM

Do not index

Suggested Tag

Squarespace

product images

image management

Tags Synced

AI summary

Effectively manage product images on Squarespace by following formatting guidelines, using featured and variant images strategically, adjusting display settings, and adding alt text for accessibility and SEO. Keep file sizes manageable to enhance site performance and customer experience.

Last edited by

Platform

Squarespace

How to Manage Product Images on Squarespace

Learn to manage and style product images effectively on Squarespace.

Getting Started with Product Images

Good product images are the backbone of any successful online store. They represent your products across different parts of your site and help customers see important details, materials, and textures up close.

Essential Pre-upload Tips

Get your images ready before you upload them. Check Squarespace's image formatting guidelines to make sure your files are the right size and quality for web display. Set the aspect ratio to match how you want images displayed, and use the focal point feature to control how they're cropped.

You can upload up to 100 images per product, but don't go mad. Too many images slow down your pages. Keep your total image size under 5MB per page for the best performance.

Understanding Image Types and Their Uses

Different types of images serve different purposes on your site. Here's what you need to know.

Featured Images

Your featured image is the face of your product. It appears on store pages, summary blocks, and other parts of your site. Make sure it's your best, most representative shot.

To change your featured image, go into the product editor, find the thumbnail, and select the image you want to use.

Primary and Additional Images

The primary image is what customers see first on your product detail page. You can drag and drop images to reorder them, so your chosen primary image appears at the front.

Additional images should show different angles or contexts. Give customers a complete view of what they're buying.

Variant Images

If you sell products in different colours, sizes, or styles, variant images show customers exactly what they're selecting. These update automatically when someone picks an option from the dropdown menu.

Set these up in the variants section of your product editor.

Pixelhaze Tip: Upload a few images first and check how they look live on your site. This helps you understand how aspect ratio and image order affect your product's visual story.

Styling Your Product Images

How you style images depends on which version of Squarespace you're using.

Adjusting Display Settings

In your site's style settings, you can change how product images appear in store sections and on product detail pages. Adjust image spacing, columns, aspect ratio, and other settings to match your brand's look.

Using Extensions for Better Images

For professional-quality photos, consider connecting Squarespace with extensions like soona for ecommerce photography. This can make a huge difference to how your products look.

You can also enable features like image zoom or quick view to help customers interact with your products better.

Adding Accessibility and SEO

Add alt text to every image. This helps screen readers describe images to visually impaired users and helps search engines understand your content. Write clear, descriptive text that explains what's in the image.

FAQs

How do I set a featured image for a product in Squarespace?

Upload your image in the product editor, then click on it to designate it as the featured image.

Can I add variant images to show different product options in Squarespace?

Yes, variant images let you display each product option. Set these up in the variants section of your product editor.

What is the maximum number of images I can add to a product in Squarespace?

You can add up to 100 images per product, but stick to what you actually need to keep your pages loading quickly.

Jargon Buster

Featured Image: The main image that represents your product across your site.

Primary Image: The first image customers see on your product detail page.

Additional Images: Extra photos showing different angles or details of your product.

Variant Images: Specific images that show different product options (colours, sizes, etc.).

Alt Text: A short description of an image that helps with accessibility and SEO.

Extensions: Third-party tools that add extra functionality to your Squarespace site.

Wrapping Up

Getting your product images right makes a massive difference to how your store looks and how well it converts visitors into customers. Use the different image types strategically, keep your file sizes sensible, and don't forget about accessibility. Your customers (and your conversion rates) will thank you for it.