How do I resize an image in Website Builder?

This article will allow you to resize your images in Website Builder.

Resizing images allows you to fit your content onto your pages so that your website looks the way you want it to.

Since this feature is available for multiple versions of our Website Builder tool, select your version from the list below and follow the instructions provided to get started:

If you’re not sure which version of Website Builder you have, you can find out by reading this article.

Version 8

Step 1 of 6

Start by logging in to your Website Builder package.

 

Step 2 of 6

From there, click the image you want to resize and select the Design tab within the menu that appears.
Select Design

 

Step 3 of 6

Under the Layout section, change the Width field by adjusting the slider, or entering a new value into the provided box, until you’re happy with the size of your image.

You will not be able to make the image bigger than its set dimensions.

Change image width

 

Step 4 of 6

Should you wish to make more drastic changes to your image, such as its colour, size, overlaying text and more, select Edit within the Content tab.

Click Edit

 

Step 5 of 6

A pop-up window will appear where you’ll be given several options to edit your image. Click Transform from the provided options.

Click Transform

 

Step 6 of 6

On the next page, you can adjust the size and shape of your image by clicking and dragging the corner arrows within your image. You can also drag the highlighted area around to showcase a particular part of your image.

Alternatively, you can choose from one of the pre-sets displayed below. Once you’re happy with the size/shape of your image, click the left arrow to save your changes.

You can re-amend the size/shape of your image at any time by following the steps outlined above, so don’t worry about losing any important details.

Edit image size

 

Version 7

Your images will automatically adjust to fill the container you have placed them in as demonstrated by the screenshot below, which shows the same image placed in three different containers.

However, there are several reasons why you may wish to resize your images. For example, smaller images take less storage space and are quicker to load, meaning your site will perform more smoothly. You can resize your images from Website Builder’s built-in image editor by following the steps below:

Step 1 of 4

Start by logging in to your Website Builder package.

 

Step 2 of 4

From there, hover your cursor over your desired image and then click the Paintbrush icon that appears within the provided toolbar.

 

Step 3 of 4

A pop-up window will appear where you’ll be given several options to edit your image. Click Resize.

 

Step 4 of 4

Simply enter the new pixel sizes into the appropriate boxes. When the padlock button is blue, this means that the aspect ratio is locked. When this is enabled, changing one value will automatically change the other to keep the image’s aspect ratio intact. Otherwise, your image could be distorted.

When you have finished, click Apply to confirm your changes.

Please note: Once you have made an image smaller, enlarging it again will cause the image to lose its quality. However, when you edit an image, the image editor creates a copy of the original, which will be saved in your image gallery.

Therefore, if you wish to revert any images back to their original size, you can do this by selecting the saved image.

 

Version 6

Step 1 of 3

Start by logging in to your Website Builder package.

 

Step 2 of 3

From there, click on the image you wish to re-size, and then click and drag any of the white squares surrounding the image to change its size. The image will re-size in proportion to the original dimensions unless you first de-select the change the Aspect Ratio option in the image properties.

 

Step 3 of 3

To revert your image back to its original dimensions, simply select your image again, then click the gear icon that appears within the provided toolbar to access its settings.

From there, click the circular Reset icon under Image Size within the Settings tab. Your image will now be reset to its original dimensions.