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

*Время чтения: 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="https://1812113819-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRJARo8MNTKAcnPgCYd8M%2Fuploads%2FpyhuVzo05piZfrVDEbsh%2F%D0%92%D0%B8%D0%B4%D0%B5%D0%BE-%D0%B1%D0%B5%D0%B7-%D0%BD%D0%B0%D0%B7%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F-%E2%80%94-%D1%81%D0%B4%D0%B5%D0%BB%D0%B0%D0%BD%D0%BE-%D0%B2-Clipchamp-_52_%20(1).gif?alt=media&#x26;token=ae7a25d7-ab79-40de-887f-863f8cdd3bed" 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="https://1812113819-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRJARo8MNTKAcnPgCYd8M%2Fuploads%2FQ6hGq1gV7c91WbIN9O7V%2Fimage.png?alt=media&#x26;token=93da978c-094f-4c29-bc89-da05d3093b0c" 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="https://1812113819-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRJARo8MNTKAcnPgCYd8M%2Fuploads%2FtRAUZoUrkddm26XGTUNY%2F%D0%92%D0%B8%D0%B4%D0%B5%D0%BE-%D0%B1%D0%B5%D0%B7-%D0%BD%D0%B0%D0%B7%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F-%E2%80%94-%D1%81%D0%B4%D0%B5%D0%BB%D0%B0%D0%BD%D0%BE-%D0%B2-Clipchamp-_54_%20(1).gif?alt=media&#x26;token=1564f1c8-722c-4cba-89fb-dd21ca552b0d" 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="https://1812113819-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRJARo8MNTKAcnPgCYd8M%2Fuploads%2FsRIA5EdTAB6YnXGiIsK4%2F%D0%92%D0%B8%D0%B4%D0%B5%D0%BE-%D0%B1%D0%B5%D0%B7-%D0%BD%D0%B0%D0%B7%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F-%E2%80%94-%D1%81%D0%B4%D0%B5%D0%BB%D0%B0%D0%BD%D0%BE-%D0%B2-Clipchamp-_55_%20(1).gif?alt=media&#x26;token=a790ed6a-679e-4f37-ab15-c7de698be5f4" alt=""><figcaption><p>№4. Настройка соотношения сторон</p></figcaption></figure>

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

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

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