Как добавлять медиа в блоки

Вы можете установить изображения или видео в качестве пользовательского фона в большинстве блоков и добавить их в отдельные компоненты внутри блоков.

Как добавить изображение в блок

Чтобы установить изображение в качестве пользовательского фона или добавить изображение в компонент блока:

Откройте ваш проект в Личном кабинете и перейдите в раздел Storefronts > Websites.
В панели нужного сайта нажмите Open Site Builder.

Откройте ваш проект в аккаунте для мобильных игр и перейдите в раздел Web Shop.
Нажмите панель нужного сайта.

В настройках блока включите соответствующий переключатель (например, Custom background, Game icon) и нажмите на поле предварительного просмотра под переключателем.

Нажмите Media.

В открывшемся модальном окне загрузите изображение одним из следующих способов: A. На вкладке All assets или Images перетащите изображение и нажмите на него после загрузки. B. Нажмите Add new asset, выберите From device в выпадающем списке и загрузите нужное изображение.

Максимальный размер изображения: 10 MB.
Поддерживаемые форматы: ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
Рекомендуемая ширина изображения для пользовательского фона в блоке — 1920 px. Определите подходящие пропорции изображения после добавления необходимого контента в блок. Рекомендуемые размеры для других типов изображений указаны в описаниях блоков.

Максимальный размер изображения: 10 MB.
Поддерживаемые форматы: ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
Рекомендуемая ширина изображения для пользовательского фона в блоке — 1920 px. Определите подходящие пропорции изображения после добавления необходимого контента в блок. Рекомендуемые размеры для других типов изображений указаны в описаниях блоков.

Настройте стиль изображения:

Набор настроек зависит от компонента, в который вы добавляете медиа.

1. Выберите метод размещения изображения:
  - Contain — изображение заполняет весь блок, сохраняя пропорции. Если пропорции изображения и блока различаются, часть изображения может быть обрезана.
  - Cover (по умолчанию) — изображение сохраняет свои пропорции и вписывается в высоту блока.
  - Fill (рекомендуется для пользовательских фонов) — изображение заполняет ширину блока и может быть обрезано сверху и снизу, если превышает высоту блока.

Пользовательский фон не имеет фиксированной ширины или высоты, так как его размеры динамически подстраиваются под размер блока. Размер блока изменяется в зависимости от контента (например, от количества добавленного текста, наличия или отсутствия кнопок) и разрешения экрана устройства.

- - Fit — изображение растягивается по размерам блока без сохранения пропорций.

1. Выберите позицию изображения (необязательно):
  - Top left
  - Top center
  - Top right
  - Left
  - Center (по умолчанию)
  - Right
  - Bottom left
  - Bottom center
  - Bottom right

Если видео уже заполняет контейнер с одной стороны (например, по высоте в режиме Fit), смещение работает только по другой оси — остаются три варианта (слева, по центру или справа).

1. Настройте оттенок и градиент изображения (необязательно).

Опубликуйте сайт.

Как добавить видео в блок

Чтобы установить видео в качестве пользовательского фона или добавить видео в компонент блока:

Откройте ваш проект в Личном кабинете и перейдите в раздел Storefronts > Websites.
В панели нужного сайта нажмите Open Site Builder.

Откройте ваш проект в аккаунте для мобильных игр и перейдите в раздел Web Shop.
Нажмите панель нужного сайта.

В настройках блока включите соответствующий переключатель (например, Custom background, Game icon) и нажмите на поле предварительного просмотра под переключателем.

Нажмите Media.

В открывшемся модальном окне загрузите видео одним из следующих способов:
1. На вкладке All assets или Video перетащите ваше видео и нажмите на него после загрузки.
2. Нажмите Add new asset и выберите метод загрузки видео из выпадающего списка:
  - From device — выберите видеофайл на вашем устройстве.
  - From YouTube — введите URL видео, размещенного на YouTube.

Максимальный размер одного видео, загружаемого с устройства: 10 MB.
Поддерживаемые форматы: ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
Добавление видео в качестве пользовательского фона не поддерживается в блоках Call-to-action, Promotional slider и Subscriptions.
Рекомендуемая ширина видео для пользовательского фона в блоке — 1920 px. Определите подходящие пропорции изображения после добавления необходимого контента в блок. Рекомендуемые размеры для других типов изображений указаны в описаниях блоков.

Максимальный размер одного видео, загружаемого с устройства: 10 MB.
Поддерживаемые форматы: ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
Добавление видео в качестве пользовательского фона не поддерживается в блоках Call-to-action, Promotional slider и Subscriptions.
Рекомендуемая ширина видео для пользовательского фона в блоке — 1920 px. Определите подходящие пропорции изображения после добавления необходимого контента в блок. Рекомендуемые размеры для других типов изображений указаны в описаниях блоков.

Настройте стиль видео:

Набор настроек зависит от элемента, в который вы добавляете медиа.

1. Выберите метод размещения видео (только для видео, загруженного с устройства):
  - Contain — видео заполняет весь блок, сохраняя пропорции. Если пропорции видео и блока различаются, часть изображения может быть обрезана.
  - Cover (по умолчанию) — видео сохраняет свои пропорции и вписывается в высоту блока.
  - Fill (рекомендуется для пользовательских фонов) — видео заполняет ширину блока и может быть обрезано сверху и снизу, если превышает высоту блока.

- - Fit — видео растягивается по размерам блока без сохранения пропорций.

1. Настройте воспроизведение видео (необязательно, недоступно для пользовательских фонов). Доступны следующие настройки:
  - Mute video.
  - Loop video.
  - Autoplay video.
  - Cover image — изображение, которое показывается перед началом воспроизведения видео или если оно недоступно пользователям. Эта настройка доступна только для видео, загруженного с устройства.

Вы не можете оставить звук видео включенным и одновременно включить автозапуск. Если вы активируете переключатель Autoplay video, переключатель Mute video также будет активирован.

1. Настройте оттенок и градиент видео (необязательно).

Опубликуйте сайт.

Спасибо за обратную связь!

Ваши мысли и идеи помогут нам улучшить ваш пользовательский опыт.

Последнее обновление: 25 июня 2026

Нашли опечатку или ошибку в тексте? Выделите ее и нажмите Ctrl+Enter.

Содержание

Как добавить изображение в блок
Как добавить видео в блок