Squarespace doesn't ask for exact pixel dimensions. It resizes every upload into several widths and crops product images to the shape your store design sets. That is convenient until a full-length dress loses its hem in the shop grid or a knit looks soft when a shopper zooms in. This page collects what Squarespace's own help center says, quoted with the date we checked it, and turns it into a setup for clothing. We make NotShot, an AI on-model photo tool, so we also cover where on-model renders fit.
Squarespace's guide Formatting images for display on the web (checked 1 November 2026) says a width of 2500 pixels is ideal for most images. Uploading at 2500 pixels gives you the full range of resized versions Squarespace creates, and images less than 1500 pixels wide may appear blurry. The same guide lists these requirements:
Squarespace converts uploads to WebP for display by default and keeps the original in your asset library. It creates up to seven versions of each image, at 100, 300, 500, 750, 1000, 1500 and 2500 pixels wide, and picks the right one for each screen. So you don't need exact dimensions, but you do need the width.
For clothing, our suggestion, not a Squarespace rule, is a 2500 pixel wide JPEG in sRGB, compressed as far as it goes before fabric texture starts to break up. A close-up of a knit or a print may need more than 500KB to stay sharp; a plain front view on white often fits under it.
Squarespace's guide Add and style product images (checked 1 November 2026) explains that on version 7.1 you set the aspect ratio for product images in the store section's styles and on the product details page's section styles. These style changes apply to all products in your store; you can't set them per product. You can change the focal point of a cropped image after adding it. On version 7.0 with Advanced store pages, an Image Aspect Ratio tweak sets the shape of store page images, and images crop automatically to fit. Squarespace recommends editing your images to the desired ratio before uploading.
For clothing, this is where most problems start. A full-length outfit on a model is taller than it is wide, so a square crop can cut off the head or the shoes. Pick one ratio for the whole catalog: square if your products are mostly tops and flat lays, or a portrait ratio if you show full-length on-model photos. Then shoot or render every product in that ratio with room around the figure, so the crop never touches the garment.
From the same guide (checked 1 November 2026), a Squarespace product can have up to 100 images, though Squarespace recommends keeping pages under 5MB so they load quickly. There are four kinds:
For clothing, give every color its own variant image, so a shopper who picks navy sees navy. On version 7.1, all store pages show the second product image on hover when a product has more than one image (Squarespace Help Center, checked 1 November 2026), so put your back view or on-model shot second.
Squarespace's image zoom shows a larger version of the product image so customers can look at material, texture and finer details. It works on product details pages and quick view lightboxes, can activate on hover or click, and isn't available on mobile devices (Add quick view, image zoom, and hover effects, checked 1 November 2026). On version 7.1, you turn it on by editing a product details page and setting the Hover action to Zoom. Zoom is the reason the 2500 pixel width matters most for clothing: a narrow upload has no extra detail to show.
Add alt text to each one: in the product editor, open the image menu and choose Edit Metadata. Squarespace allows up to 200 characters and suggests short terms that describe the specific image and the product.
Comparing platforms? See Shopify product image size and WooCommerce product image size for clothing. On Wix? See Wix product image size for clothing. On Big Cartel? See Big Cartel product image size for clothing. On BigCommerce? See BigCommerce product image size for clothing. On Ecwid? See Ecwid product image size for clothing. Running Shopping ads too? See Google Shopping image requirements. For the banner at the top of your store, see Squarespace banner image size. For lighting and backdrops, see our clothing product photography guide.
A Squarespace store grid looks even only when every product has the same ratio and framing, and each color needs its own variant image. Both are hard to keep across shoots. NotShot renders your garment on your own model from the product photo you already have, so new products and new colorways match the framing of the old ones. Every render is checked by an AI judge that compares it with your upload for color, print and cut. Renders below the quality bar are refunded automatically, so you pay for photos that pass the check, not for attempts. Plans are on the pricing page.
