# Size

Allows you to select your `image` block's height and width.

![](https://lh6.googleusercontent.com/v9NW6VNAyZxSwtFDj_uy_pkbM0LJBGvjmaCfy9v0Yk8KdlEV61IebNHwFp5kJ0Y0HIow0txJiyqGdLcSwuu5LDAfWnwjZnh9NS8oirBduoHGhlHRK8aU4_ZQaecN28phhtp9L79ULF0GTM_BDmm8yzAtdZobBn3x75CLhUsDLlol8tCT0WaPRQErMMtewA)

## Height

The Height property allows you to specify the height of the `image`.

![](https://lh5.googleusercontent.com/OnJU1UVd4eQnT9IBZn3xxNyXQdITqonFNcUYWc6-earDa14M2gldDn-RS42O_kQQQQsv55YoVN4A9elUUQA6chW6-6Snx0UTYaLA1hVF_eW7QP-4D5hUPaNNi87cjXtse1McNJbzuCO3irFKaMvuWfJuQtAhVBo0onAF3sS9Shpgj7JTDMvNVTi4oV2ViQ)

<details>

<summary>Modify height</summary>

1. Select an `image` block
2. Open the Block Inspector
3. Navigate to the Primary tab
4. Open the Size tab
5. Find the Height property
6. Enter or adjust desired height

</details>

<details>

<summary>Remove height</summary>

1. Select a `gallery` block
2. Open the Block Inspector
3. Navigate to the Primary tab
4. Open the Size tab
5. Find the Height property
6. Click dot to reset

</details>

## Width

The Width property allows you to specify the width of the image.

![](https://lh4.googleusercontent.com/yprrvZTw8tAMZKyirgMuedokfYEEdFPkzdDkW8EDqe62wNVIaRmprWLRL29BImf7rxaKWhEoBYGL4tBKtFkqI96_G9RTtSv_ZefGUgP_7gzyBCd776TlVNV_qHbhtTqviB-f7GFvRREBznsUsh1ASvAYbMhX3JkTny_Jz-5KM04C98_29JdaYq2mnAh-7A)

<details>

<summary>Modify width</summary>

1. Select an `image` block
2. Open the Block Inspector
3. Navigate to the Primary tab
4. Open the Size tab
5. Find the Width property
6. Enter or adjust the desired width value

</details>

<details>

<summary>Remove width</summary>

1. Select a `gallery` block
2. Open the Block Inspector
3. Navigate to the Primary tab
4. Open the Size tab
5. Find the Width property&#x20;
6. Click dot to reset

</details>

## Object Fit

The Object Fit property is used to specify how the image block is to be resized in order to fit its container.

***Contain*** Makes the image keep its aspect ratio, but resizes it to fit within the given dimension.

***Cover*** Makes the image keep its aspect ratio, making it fill the given dimension, essentially clipping it to fit.&#x20;

***Fill*** Resizes the image to fill the given dimension. If needed, the image will be stretched or squeezed to fit.

***Inherit*** Inherits the object fit property, if set by parents.

***Initial*** Sets the image to its default value.

***None*** Does not resize the image.

***Revert*** Reverts the image to its default size.

***Scale-down*** Either inherits properties of the none value or contains a value.

***Unset*** Reverts the image to its default size.

![](https://lh6.googleusercontent.com/Bx_t0MlmFeEVRawKXfqFRgxpjOA35edG0A1Q15bMH959GZUBtjZAsi-yeL8B_RARJWTeAFvZhzw_Yswj1XFppStbMPZYfBDTv7FJag_wXipanAGoj8jYXYs2KUTiM9RHZdA9y3cJv9yjPa-xNO4znCWJAwAz4-UJAFPOxSYE6HjEiTgNIQcyZ91my6DLSA)

<details>

<summary>Object Fit</summary>

1. Select an `image` block
2. Open the Block Inspector
3. Navigate to the Primary tab
4. Open the Size tab
5. Find the Object Fit property
6. Choose required fit in the dropdown (Contain, Cover, Fill, Inherit, Initial, None, Revert, Scale-down, Unset)

</details>

## Object Position

The Object Position property allows you to adjust the position of your Image either visually (bottom left, top right etc) or using  precise measurements (px etc).

![](https://lh4.googleusercontent.com/zmOyoEAFKcxLyJ5Dohmj1CTUSbh72MZgQqwJmWNpdjUeD82ZeKyKzzVc42OroQBFDocXmdL83X2YWE7zvqFBh6yAdealRvDikL3YWtL7wQJNUTmxlKXg4-jfYP7nK6Tn9HFXVKh2ghlhWgGKYNQ6JtS3amIHB2fI6DuLyhcgdmza1NWuhqCzyR525tWdXg)

<details>

<summary>Object Position</summary>

1. Select an `image` block
2. Open the Block Inspector
3. Navigate to the Primary tab
4. Open the Size tab
5. Find the Object Position property
6. Choose required position&#x20;

</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/size.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.