How do I resize an image in Website Builder?


Top

Website Builder Version 8

1

Click on the image you would like to resize. You will see that control are overlayed over your image.

2

In the bottom right hand corner of the image you will see a small, blue, square control. Use this to drag to resize the image. You will not be able to drag the image bigger than its set dimensions.


Top

Website Builder Version 7

In Website Builder 7, your images will automatically adjust to fill the container you have placed them in, so you will not need to use the method used in Version 6 to resize the images on the page. the screenshot below shows the same image placed in three different size containers, to demonstrate how the images fit to the space you put them in. 

However, there are 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 smoothly. You can resize your images from Website Builder's inbuilt image editor by following the steps below.

1

To edit your image in the inbuilt editor, simply mouse over the chosen image, and then click the Paintbrush icon. 

2

To edit your image in the inbuilt editor, simply mouse over the chosen image, and then click the Paintbrush icon. 

3

Simply enter the new pixel sizes into the appropriate boxes. When the padlock button is blue, this means that the aspect ratio is locked - this stops the images aspect ratio chaning, which can distort your image. When this is enabled, changing one value will automatically change the other, to keep the aspect ratio intact. When you have finished, click the apply button. 

Please note:Once you have made an image smaller, enlarging it again will cause the image to lose quality. 

However, when you edit an image, the image editor creates a copy of the original (saved in your image gallery). Therefore, if you wish to revert to the original size image, you can do. 


How do I revert my image to its original dimensions?

After resizing an image in Website Builder Version 7, there is no reset button to revert the image to its original size. You could repeat the resizing process, and make the sizes back to the original, but you risk losing quality and clarity in your image. 

Instead, Website Builder 7 keeps a copy of each image you edit. So instead of re-editing an image you have already edited, simply swap it out with the original. 



Top

Website Builder Version 6

1

Click on the image then choose one of the white rectangles highlighting the edges of the image. Click and drag to change the size of the image. 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.

How do I revert my image to its original dimensions?

Click on your image, then click on the Cog icon in the floating menu that will appear. Then click the Reset icon.

Your image will now be reset to its original dimensions.