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

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

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

## &#x20;<a href="#h_b11d8cd694" id="h_b11d8cd694"></a>

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

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

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

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

## &#x20;<a href="#h_55d640c1be" id="h_55d640c1be"></a>

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

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

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

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

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

### &#x20;<a href="#h_60aa717f14" id="h_60aa717f14"></a>

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

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

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

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

### &#x20;<a href="#h_68203b5c48" id="h_68203b5c48"></a>

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

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

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

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

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

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


---

# 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://wiki.reezonly.ru/lms/konstruktor-kontenta/kak-rabotayut-instrumenty-v-konstruktore-kontenta/rabota-s-instrumentom-izobrazhenie.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.