> 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).

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

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

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

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXrH7a-Xamc2mQCJmPi%2F-MXrKzjXpuw9LVRBpcox%2Fimage.png?alt=media\&token=39c6353f-a343-4e6c-862c-9839680299f3)

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

* [Загрузка при создании сторис](/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), после создание сторис нажмите на кнопку **Создать** в правом верхнем углу экрана

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXrH7a-Xamc2mQCJmPi%2F-MXrJN_edp0h_1r0zlyp%2Fimage.png?alt=media\&token=80c255b1-c371-44e6-aebc-1ee621de7d23)

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

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXrH7a-Xamc2mQCJmPi%2F-MXrJizorNqXuWM9lrW5%2Fimage.png?alt=media\&token=31f2212a-eb4e-4a63-9755-e1332bcee7dc)

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

{% hint style="info" %}

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

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

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

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

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

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

![](https://231294129-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXbF1r5INUqNUhrFY_u%2F-MXrH7a-Xamc2mQCJmPi%2F-MXrLVyi83a1zbn7zokI%2Fimage.png?alt=media\&token=05c84950-e2d8-455a-b9fd-6f28a2f308fe)

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

{% hint style="info" %}

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

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

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

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