Images

As you know, images are an element that you can find in the elements tab in the builder. When you drag and drop an image it is filled with a default image that instructs you to click the image to upload and crop it.

When you click the cog for an image you will see the options for the image alt (which you should always set for accessibility purposes) the image width, and the alignment of the image. There is also the option to hyperlink this image (learn more about this in the Hyperlinks and Anchor links tutorial video).

When you click on the image, you can either replace it with an image from the media library which has all the images that have been uploaded to the website previously or you can browse for a new file. Once the image is chosen, you can pick a specific aspect ratio and then drag the cursor across the image to crop it to that aspect ratio. 

You will also see a min-size option. This setting is referring to the image srcset.

The background images of any section will automatically be set to a minimum size of large. This can be changed but this is done so that it will not query for a small image and end up being a grainy image. 

You will also see when you are editing the image that you have the option to rotate it and that you can see the path and size of the image at the bottom.