There are a few ways to adjust the size of an image in Squarespace. You can use the built-in image editor, CSS, or HTML.
The built-in image editor is the easiest way to adjust the size of an image. Simply click on the image, then click on the “Edit” icon.
A popup window will appear with several options for resizing the image. You can also crop the image by clicking on the “Crop” icon.
PRO TIP: When adjusting the size of an image in Squarespace, be aware that the image may become distorted if not done correctly. It is recommended that you resize the image proportionally to avoid any issues.
If you want more control over the size of your images, you can use CSS. To do this, go to the “Design” tab and click on “Custom CSS.” Add the following code to the “Custom CSS” box:
img {
width: 100%;
height: auto;
}
This code will make all images 100% width and height automatically. If you want to control the width and height of specific images, you can add a class or ID to the code like this:
img.classname {
width: 100%;
height: auto;
}
#idname {
width: 100%;
height: auto;
}
3 Related Question Answers Found
When it comes to images on Squarespace, size does matter. The right size can make or break your site. Images that are too small will appear pixelated and unprofessional, while images that are too large will take up too much space and slow down your site.
As a general rule of thumb, images should be no larger than 1,500 pixels on the longest side. However, there are a few situations where you might want to use an image that’s larger than 1,500 pixels. If you’re planning on using full-width images or galleries, you can upload images up to 2,048 pixels on the longest side.
As a general rule, we recommend using images that are:
JPGs or PNGs
72 DPI or higher
2000px or less on the longest side
For most Squarespace templates, these guidelines will ensure your images look sharp on desktop and mobile devices without loading slowly. Images for Blog Posts:
When adding images to blog posts, we recommend using images between 1500 – 2500 pixels wide. For best results, upload an image that’s at least 1500 pixels wide.