> For the complete documentation index, see [llms.txt](https://docs.cwicly.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cwicly.com/blocks/image.md).

# 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 %}