# Settings

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

![](https://lh4.googleusercontent.com/Ax72NqMuaJUQWxtV7eUritxIAHeoCjbY7D1BxhNoVi0PhD_vs4BGOlz0UC4d1f6Zm_155z72xzGVmn7IMOLi210KFNHZovxB-smHvZCdL20u2PrpqwY1jBA_d_yYf9-Ev5kdl_tbE9QfARujb7crizS7OhNwt4Nz2gdSX-zP2kkMC1QvJdEbIQXvqbToVg)

## Image Alt

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

![](https://lh5.googleusercontent.com/TF3Wzpo1dvMSa0x102aXmSAWKrfgemA91W9i_PEKxCxEAqoEhdGbjKM3olKU8UJAxCXdsDEpzF9GGN7D34V0x6OeQSp6PwGygN17ZdE2DNU2hn63RQyEmf51jvFAXCln7qs2wnCAtW_DGkp-LWH8XJTS-5JNH2vQ9RYdJuL9xVaeXW9lUupYoYBdacsx1g)

<details>

<summary>Add an image alt</summary>

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

</details>

## Thumbnail Size

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

![](https://lh5.googleusercontent.com/nYtQ4sW1CJh6feVaOYJHQ3G6ku9DBvys42JEOdiR2gaGqnwMsLwuY5uniU35QjR4aAL_5GCcZajcylggL3sGSEVTGc1mGHj2UPh-esb4zwh4XcsHkj2OaUzehyBL-7EX1Z1CtOcSS8gkSujuSjW45FU7lc3ATnWluwAWakqXZEtIQgDFaQaOHdB7fvqyJA)

<details>

<summary>Set</summary>

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

</details>

## 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.

![](https://lh6.googleusercontent.com/Qaj7H4yWJk9vsntCxF_AqrBqMnqEHOrxqbHYfMdmBCv-qG8bRjgLRbS-4BZ3Svhu6f7Ly7-bFuvWO4Oe8fZ2x2bS6RdDVbAn14-Xiv7t0JBcbNVfk4XagOpuoJSn8QCeqIkaj3n32GtkjTFF4XZlMJx8dzKkPNiklaCz01W8njyEHE2fQPS6pM-OS31low)

<details>

<summary>Toggle</summary>

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

</details>

## 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.

![](https://lh5.googleusercontent.com/WD8DxD9QZeelncxna2KccKtRye_n64DTgCsenYBYAuGgiHHGdvugCQFBz58rK-_qxqRoZxzFDEvLQ-pKs_6vmjidZf-XRp3eHffXKlIqS5OlUyG_T4Bi4F0-eekkrNuR39pbB_WO-sGe1k8Nn-VGjARz1ChQ5GD6Um0tfOwTjYkRveScSl-VRKzk23Trng)

<details>

<summary>Toggle</summary>

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

</details>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.cwicly.com/blocks/image/settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.