Settings

Allows you to set specific settings on the image block for accessibility & optimisation.

Image Alt

The Image Alt attribute specifies an alternate text for an image, if the image cannot be displayed.

Add an image alt

1. Select an image block

2. Open the Block Inspector

3. Navigate to the Primary tab

4. Open the Settings tab

5. Find the Image Alt property

6. Enter the desired text

Thumbnail Size

The Thumbnail Size property specifies your image block's thumbnail size.

Set

1. Select an image block

2. Open the Block Inspector

3. Navigate to the Primary tab

4. Open the Settings tab

5. Find Thumbnail size dropdown

6. Select desired size

Remove Srcset

The Remove Srcset property allows you to remove the source set property, which defines multiple sizes of the same image, allowing the browser to select the appropriate image source.

Toggle

1. Select an image block

2. Open the Block Inspector

3. Navigate to the Primary tab

4. Open the Settings tab

5. Find Remove Srcset

6. Toggle Remove Srcset to activate it

Lazy load

The Lazy Load property allows you to reduce the image block's initial load time by loading the images once it is in the user's viewport and not on first loading.

Toggle

1. Select an image block

2. Open the Block Inspector

3. Navigate to the Primary tab

4. Open the Settings tab

5. Find the Lazy Load property

6. Toggle Lazy Load on to activate it