Skip to main content

How to add or change photos on your website

Learn how to add or change photos in website blocks, enhancing your site's visual appeal with this straightforward guide.

Lauren Allard avatar
Written by Lauren Allard
Updated over a month ago

Overview

This article explains how to manage images across your website. You will learn how to:

  • Add a new photo block

  • Change a photo in an existing block

  • Add or update photos in sliders

  • Add photos to an image gallery

  • Understand recommended image sizes and weights

Use this guide when updating visuals on your website or replacing outdated photos.

Before you start:

  • Go to Website → Website → Customise.

  • Navigate to the correct page using Pages if the photo is not on your homepage.

Step-by-step instructions

Add a photo

  • In the left menu, click Add an element to insert a new block.

  • Click on this element and go to Content.

  • Upload an image from your computer.

  • Click Save to apply your changes.

Change a photo

  • Click the block you want to update in the sidebar.

  • Open the Content section.

  • Click the photo displayed in the block.

  • Choose one of the following:

    • Upload a new image from your computer

    • Select an existing image from your library

  • The uploaded photo appears at the end of the library. Select it to apply it.

  • Click Save to update the block.

Add a slider/slideshow

  • In the left menu, click Add an element, then select Slider, or open an existing slider block.

  • Go to Content → Image to update the first slide.

  • To add more slides, click Add slide and choose photos from your library.

  • The new photos will appear at the end of your library. Select them to add them to the slider.

  • Click Save to apply changes.

Add a photo to the image gallery

  • In the left menu, click Add an element and select Image gallery, or open an existing gallery block.

  • Go to Content → Image / Add image.

  • Choose one of:

    • Upload a photo from your computer

    • Select a photo from your library

    • Use an image from the Amenitiz database

  • The uploaded photo appears at the end of the library. Select it to add it.

  • Click Save to apply your changes.

Recommended photo sizes (Recommended sizes)

These are the recommended image dimensions depending on where the photo is used.

  • Homepage cover photo: 1920 × 1080 px (Mac: 1440 × 550 px)

  • Cover photos on other pages: 1440 × 400 px

  • Strip block: 1500 × 600 px

  • Logo on the website: 1000 × 400 px

Recommended weight

  • Keep photo files between 200 KB and 500 KB.

  • You can compress images using external tools such as TinyPNG or ILoveIMG.

FAQs

Why does my image look cropped or stretched?

This happens when the image doesn’t match the recommended aspect ratio for the block.

My images are too heavy. What should I do?

Use an external compressor as recommended and re-upload the optimised version.


Did this answer your question?