> For the complete documentation index, see [llms.txt](https://academy.spycat.ru/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://academy.spycat.ru/spycat-page/untitled/izobrazhenie.md).

# Изображение

Как настроить и добавить изображение на страницу так, чтобы картинка закрывала всю площадь блока

**Шаг 1.** При создании страницы выберите блок «Изображение».

<figure><img src="https://2278174608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh4i7tnbDiic2PlvjYi%2Fuploads%2FE4Z3tHFRNvc2dfr2dFx2%2Fimage.png?alt=media&amp;token=4a060505-f2f0-4976-a9e5-a3d576817b5c" alt=""><figcaption></figcaption></figure>

**Шаг 2.** Перейдите к редактированию блока.

<figure><img src="https://2278174608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh4i7tnbDiic2PlvjYi%2Fuploads%2FhggohWyHStMXifWXLOUK%2Fimage.png?alt=media&amp;token=f3400610-b3a8-423f-8ddd-68dc91791316" alt=""><figcaption></figcaption></figure>

**Шаг 3.** Загрузите изображение.

<figure><img src="https://2278174608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh4i7tnbDiic2PlvjYi%2Fuploads%2FpsZCJI82TPCHWFTxqtkK%2Fimage.png?alt=media&amp;token=9b451237-a0ed-47c4-bda5-0419c3f93f4e" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Рекомендованные размер1:1 или 3:2 в формате .png или .jpg. Если вы добавите размер в других пропорциях, то картинка растянется по ширине или высоте блока, в зависимости от размера изображения, и в блоке будет пустое место черного или белого цвета.
{% endhint %}

**Шаг 4.** Сохраните изменения блока.

<figure><img src="https://2278174608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh4i7tnbDiic2PlvjYi%2Fuploads%2FepzodtAArc3exGghIZDF%2Fimage.png?alt=media&amp;token=af45fb9b-2b9a-4eef-8ce8-751b30ac99be" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Будьте внимательны с отображением изображения в мобильном устройстве. Из-за вертикального формата экрана картинка блока «Изображение» обрежется по бокам и растянется на всю высоту дисплея мобильного устройства.
{% endhint %}

![](https://2278174608-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lh4i7tnbDiic2PlvjYi%2F-LpDSQzQzRFNawrfVNpy%2F-LpDUPkjIUdRvPIM-uoj%2Fimage.png?alt=media\&token=d4a2a4f2-7452-4506-b935-a6e499286e9b)

**Шаг 5.** Сохраните изменения всей страницы.

<figure><img src="https://2278174608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lh4i7tnbDiic2PlvjYi%2Fuploads%2F74yYzws6jJe65PYs2qkx%2Fimage.png?alt=media&amp;token=392eac8d-75dc-40b1-9f2f-85d296bcb804" alt=""><figcaption></figcaption></figure>
