> For the complete documentation index, see [llms.txt](https://wiki.reezonly.ru/space/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.reezonly.ru/space/obuchenie/produkty/vkladka-soderzhanie-produkta-kursa/kak-rabotayut-instrumenty-v-konstruktore-kontenta/rabota-s-instrumentom-izobrazhenie.md).

# Работа с инструментом Изображение

*Время чтения: 5 минут*

{% hint style="info" %}
🎨 Изображение - важный инструмент, который позволяет использовать изображения в ваших уроках. В этой статье мы разберем функционал инструмента.
{% endhint %}

## Как работает инструмент Изображение <a href="#h_b11d8cd694" id="h_b11d8cd694"></a>

Инструмент Изображение позволяет загружать картинки формата jpg, png & bmp на страницу урока.

<figure><img src="/files/uUfj8vxfD6M1HdT9qlbZ" alt="" width="563"><figcaption><p>№1. Применение инструмента Изображение</p></figcaption></figure>

1. Перетяните инструмент на страницу урока
2. Загрузите необходимое вам изображение с вашего компьютера

## Дополнительные возможности инструмента Изображение <a href="#h_55d640c1be" id="h_55d640c1be"></a>

Как и многих других инструментов, у **Изображения** есть набор параметров, расширяющих использование инструмента.

<figure><img src="/files/I6G6OiQRkw2wiukqdEtN" alt=""><figcaption><p>№2. Параметры инструмента Изображение</p></figcaption></figure>

1. **Отображение на устройствах.** Эта настройка позволяет настроить отображение блока на мобильных и десктопных устройствах.
2. **Сетка**. Эта настройка позволяет создать коллаж из изображений на странице урока.&#x20;
3. **Вставка изображения.** С помощью этой настройки вы можете указать соотношение сторон у вставляемого изображения.&#x20;
4. **Масштаб.** С помощью масштаба можно изменять размер изображения на странице.&#x20;
5. **Выравнивание отступов.** Эта настройка выравнивает края изображения.&#x20;

{% hint style="warning" %}
❗️Вы можете загружать изображения весом до 5 МБ.
{% endhint %}

### Настройка сетки <a href="#h_60aa717f14" id="h_60aa717f14"></a>

<figure><img src="/files/1qQqCCXIJVMZCBLcHrkn" alt=""><figcaption><p>№3. Настройка сетки изображений</p></figcaption></figure>

1. Кликните на инструмент на странице урока
2. В параметре **Сетка** выберите нужное количество изображений в инструменте: 1,2 или 3
3. Вставьте необходимо изображение

{% hint style="success" %}
☘️ Если вам необходимо удалить изображение из инструмента, кликните на троеточие в правом верхнем углу изображения и нажмите **Удалить**
{% endhint %}

### Настройка соотношения <a href="#h_68203b5c48" id="h_68203b5c48"></a>

Настройка **Вставка изображения** позволяет настроить соотношение сторон у вставляемых картинок в нужном вам виде

<figure><img src="/files/Pbt58qDq73bKh9EMst1p" alt=""><figcaption><p>№4. Настройка соотношения сторон</p></figcaption></figure>

1. Кликните на инструмент на странице урока
2. В параметре Вставка изображения выберите нужное соотношение сторон

{% hint style="warning" %}
✴️ Применяемые настройки действуют на все вставляемые изображения
{% endhint %}

{% hint style="info" %}
🕷️ В этой статье мы рассказали вам об инструменте Изображение, о работе других инструментов вы можете узнать в других статьях раздела. Если у вас возникли дополнительные вопросы, напишите нам в службу поддержки. Мы всегда рады помочь:)
{% endhint %}