Website Building » Squarespace » How Do I Resize a Product Image in Squarespace?

How Do I Resize a Product Image in Squarespace?

Last updated on December 13, 2022 @ 1:38 am

There are a few ways to resize product images in Squarespace. The first way is to use the built-in image editor. To do this, open the image in the editor and select the “Resize” tab. From here, you can enter new dimensions for the width and height of the image.

The second way is to use CSS. To do this, add the following code to your CSS file: .product-image { width: 100px; height: 100px; } This will resize all product images to be 100px by 100px. The third way is to use HTML. To do this, add the following code to your HTML file:
<img src="product-image.jpg" width="100" height="100"> This will resize a specific product image to be 100px by 100px.

PRO TIP: If you are using the Squarespace platform to sell products online, it is important to resize your product images correctly. Otherwise, they may appear distorted or low quality on your website. This guide will show you how to resize a product image in Squarespace.

The easiest way to resize product images in Squarespace is to use the built-in image editor.

From here, you can enter new dimensions for the width and height of the image. You can also use CSS or HTML to resize product images.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.