# Image

<figure><img src="/files/WTR8KBxIMjmBuUndPRTn" alt=""><figcaption></figcaption></figure>

Images enhance the visual appearance of your page. The `image` block allows you to add images to your page and is a self-standing element.

Unlike a Background Image, the `image` block uses the img tag to notify the search engines that it is an image.

{% embed url="<https://www.youtube.com/watch?index=13&list=PLvp2KVaJroeRnz3tnH0oYG8NLesimOkSY&v=Au0pChlucJ8>" %}
Getting Started - Image Block
{% endembed %}

## Add

Add an Image using the Cwicly [Quick inserter](/cwicly/quick-inserter.md) (recommended).

<figure><img src="/files/ZLfgb0XwjdSNv1x7Oud4" alt=""><figcaption></figcaption></figure>

Alternately, open the block inserter and click to add a Cwicly Image block.

<figure><img src="https://lh5.googleusercontent.com/gKgQ0AMNRKgtYmI8ApoxiolqpycRxJG_Ugqe_ohBrXcS7LNJUkbzQwu6nZce7ZzNg85NamnIQkVLVocDIz_WeIIKYqVYmQ--9wPhqxWliQiNm4qD_AmSwehIdJmF1XkJidZzv-qEZtY3llg9vt0B5QW2Gszzx6ZQSdq0i_OjkktEYOAiX3qpXXZwVZYmQQ" alt=""><figcaption></figcaption></figure>

## Source

The Image Source property allows you choose whether the image source will be static or dynamic.

{% content-ref url="/pages/nxTkeSRrKlEV9iSk2sFE" %}
[Source](/blocks/image/source.md)
{% endcontent-ref %}

## Size

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

{% content-ref url="/pages/oMFCsqiZiKXwkFOOwRIJ" %}
[Size](/blocks/image/size.md)
{% endcontent-ref %}

## Settings

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

{% content-ref url="/pages/jlx5iZ6PLExs5pAe4uDb" %}
[Settings](/blocks/image/settings.md)
{% endcontent-ref %}

## Hover Animation

Allows you to set hover animations to your `image` block for a quick visual effect.

{% content-ref url="/pages/BGS38cNSCmjoNxCo1J19" %}
[Hover Animation](/blocks/image/hover-animation.md)
{% endcontent-ref %}


---

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