> For the complete documentation index, see [llms.txt](https://docs.wfolio.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wfolio.pro/site/pages/tipy-stranic/splash-page.md).

# Страница-заставка

На странице-заставке отображаются фотографии или видео в полный экран, без дополнительных блоков под обложкой.

{% hint style="success" %}

#### Требования к фото и видео

**Для фото:**

✔ Рекомендуемый размер — не менее 2560×1920px.\
Большинство мониторов имеет соотношение сторон, близкое к 16:9, а мобильные телефоны — близкое к 9:21. Подбирайте фотографии похожего формата.

**Для видео:**

✔ Размер — до 100 МБ.\
✔ Формат — MP4 или MOV.\
✔ Кодек — h.264 или AVC.
{% endhint %}

Вид в полной версии:

<figure><img src="/files/xqht3TLN4yvl082JuRVI" alt=""><figcaption></figcaption></figure>

Вид в мобильной версии:

<figure><img src="/files/XwUaInv5MpsWi2NA52jg" alt="" width="563"><figcaption></figcaption></figure>

### Как оформить

* В разделе **«Сайт»** нажмите на кнопку **«Добавить на сайт»**&#x200E; и выберите «Страницу-заставку». В появившемся окне введите название страницы и нажмите на **«Добавить»**.

<figure><img src="/files/IjZp0ZsZtjDfJWtlW8Dd" alt="" width="325"><figcaption></figcaption></figure>

* Загрузите фотографии или видео.
* Для фотографий можно настроить отображение в полной или мобильной версии сайта. Для этого используйте переключатель, расположенный над каждой из фотографий. Для отображения на ПК выбирайте горизонтальные фото, а на мобильных устройствах — вертикальные.

<figure><img src="/files/1TtmaiqZvUdxmDWAUITk" alt=""><figcaption></figcaption></figure>

* Настройте внешний вид страницы: можно затемнить фон, добавить заголовок, подпись или кнопку.
* Настройте отображение слайдера в мобильной версии — отображать контент в полноэкранном режиме или с сохранением пропорций.

{% hint style="info" %}
Если выбираете формат с сохранением пропорций — убедитесь, что все фотографии в обложке одного формата. Это нужно для плавного и естественного перехода между кадрами.
{% endhint %}