To reduce images in Squarespace, you can use CSS code with transform:scale or width, or you can upload images that are already reduced in size. It is recommended to upload images that are less than 500KB to ensure faster loading times on your website (source: Squarespace Help Center, Squarespace Blog, Donna Vincent Designs). To resize an image in Squarespace, click on the image and drag the dot on the bottom of the image border to make it smaller or bigger (source: Ley Design Studio).
Additional Information – How To Reduce Images In Squarespace
One of the main concerns about making images on Squarespace is that they are too large. But, thanks to responsive design, Squarespace has made it easy to adjust the size of images to fit any screen. If you want to make your images look great on all devices, here are some tips to get you started. Using a photo editing program like Photoshop, you can easily crop and resize your image. In addition, you can align your image with text.
Squarespace has an image editor built in, so you can easily update your website’s imagery. Changing the size of your images is quick and easy without leaving the platform. All you need to do is add an image block to your page and upload the desired image. Once you’ve uploaded the image, you’ll see a grey circle next to the image. Hover over the grey circle and click on the resize icon.
If you’re using Squarespace, you can also make your images smaller by following the steps described above. The first step is to crop the image. An image with a width of more than 1500 pixels will result in a blurry image. For best results, you should use a photo of a consistent aspect ratio. Secondly, if you’re using Squarespace for your website, it’s important to keep the file size under 500kB.