> For the complete documentation index, see [llms.txt](https://help.webstoryz.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.webstoryz.com/kak-zagruzit-kartinku-dlya-khailaita.md).

# Как загрузить изображение для хайлайта?

## Зачем нужны изображения для хайлайтов?

Изображения для хайлайтов нужны для визуального оформления виджета. С их помощью можно придать виджету единый стиль и вписать его в дизайн сайта.

![](/files/-MXrKzjXpuw9LVRBpcox)

Загрузить изображение для хайлайта можно двумя способами:

* [Загрузка при создании сторис](/kak-zagruzit-kartinku-dlya-khailaita.md#zagruzka-izobrazheniya-khailaita-pri-sozdanii-storis)
* [Загрузка при редактировании сторис](/kak-zagruzit-kartinku-dlya-khailaita.md#zagruzka-izobrazheniya-khailaita-pri-redaktirovanii-storis)

## Загрузка изображения хайлайта при создании сторис

1\. В [**Webstoryz.Конструкторе**](https://help.webstoryz.com/www.builder.webstoryz.com/constructor/create), после создание сторис нажмите на кнопку **Создать** в правом верхнем углу экрана

![](/files/-MXrJN_edp0h_1r0zlyp)

2\. В появившемся окне Настойки Веб-сторис нажмите на значок загрузки

![](/files/-MXrJizorNqXuWM9lrW5)

3\. В появившемся окне проводника выберите необходимый файл и нажмите **Открыть**

{% hint style="info" %}

* Рекомендуемое соотношение сторон изображения - **1:1**
* Максимальный размер файла - **2 MB**
  {% endhint %}

4\. После загрузки файла нажмите кнопку **Сохранить**

{% hint style="success" %}
**Поздравляем!** Вы загрузили изображения для хайлайта&#x20;

Если вы испытываете трудности в работе с сервисом, то напишите нам в Telegram [@webstoryz\_support](https://t.me/webstoryz_support)
{% endhint %}

## Загрузка изображения хайлайта при редактировании сторис

1\. В [**Webstoryz.Конструкторе**](https://help.webstoryz.com/www.builder.webstoryz.com/constructor/create) при редактировании сторис выберите раздел **Настройки** в левой панели и нажмите на значок загрузки

![](/files/-MXrLVyi83a1zbn7zokI)

2\. В появившемся окне проводника выберите необходимый файл и нажмите **Открыть**

{% hint style="info" %}

* Рекомендуемое соотношение сторон изображения - **1:1**
* Максимальный размер файла - **2 MB**
  {% endhint %}

3\. После загрузки файла нажмите кнопку **Сохранить** в правом верхнем углу экрана

{% hint style="success" %}
**Поздравляем!** Вы загрузили изображения для хайлайта

Если вы испытываете трудности в работе с сервисом, то напишите нам в Telegram [@webstoryz\_support](https://t.me/webstoryz_support)
{% endhint %}
