Adding images

The pre-designed templates and blocks contain the images that match your website theme. It’s ok to keep them. However, uploading  your own images makes your website unique and shows your credibility to your visitors. 

Uploading your own images instead of demo content

You can upload  images to blocks directly from your computer or add free stock photos from the built-in photo library. 

To upload your own image from the computer storage, follow these steps: 

  1. Click any demo image in your block to activate image controls.

    adding-images-1.png
  2. Click the Upload image icon and then click the Upload a file option from the drop-down menu.

    adding-images-2.png
  3. When your computer storage opens, find the image you want to upload, click it, and then click Open. In a few seconds, your image will be uploaded to the image frame. 

The Sitebuilder automatically adjusts the image shape for the particular block’s layout. However, you can also customize it to your preference, for example, resize it and change its focal point. Read our guide on image customization to learn more.

Note: The proportions and layout of images have been pre-designed to make the page layout look professional and modern. If you need more images on the page, you can use blocks such as Image or Gallery to display more images. 

Adding images from the photo library

If you want to use a free stock image from the built-in photo library, follow these steps: 

  1. Click the demo image in your block to activate image controls.

    adding-images-3.png
  2. Click the Upload image icon and then click the Browse free stock photos option from the drop-down menu.

    adding-images-4.png
  3. When the Free stock photos library opens, use search to find the image theme you want to upload.

    adding-images-5.png
  4. Click the photo you like, and then click Submit. In a few seconds, a new image will be uploaded to your website. 

Remember to publish your website to make your changes live.

To find out how to add images to the Text block, read the dedicated tutorial.

You can also add animated gifs (.gif file format) to your website. For more information, view the Adding animated .gif images guide.

We hope this guide helped you. If you have any questions left, please contact our Support Team

Ready to use your new knowledge? – Edit your site!

Was this article helpful?
0 out of 1 found this helpful