Как добавлять медиа в блоки
Примечание
Обратите внимание, что перевод сгенерирован AI, поэтому может быть неточным.
Вы можете установить изображения или видео в качестве пользовательского фона в большинстве блоков и добавить их в отдельные компоненты внутри блоков.
Как добавить изображение в блок
Чтобы установить изображение в качестве пользовательского фона или добавить изображение в компонент блока:
- Откройте ваш проект в Личном кабинете и перейдите в раздел Storefronts > Websites.
- В панели нужного сайта нажмите Open Site Builder.
- В настройках блока активируйте соответствующий переключатель (например, Custom background, Game icon) и нажмите на поле предварительного просмотра под переключателем.
- Нажмите Media.
- В открывшемся модальном окне загрузите изображение одним из следующих способов:
- На вкладке All assets или Images перетащите изображение и нажмите на него после загрузки.
- Нажмите Add new asset, выберите From device в выпадающем списке и загрузите нужное изображение.
Примечание
- Максимальный размер изображения: 10 МБ.
- Поддерживаемые форматы: ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
- Рекомендуемая ширина изображения для пользовательского фона в блоке — 1920 пикселей. Определите подходящие пропорции изображения после добавления необходимого контента в блок. Рекомендуемые размеры для других типов изображений указаны в описаниях блоков.
- Настройте стиль изображения:
Примечание
Набор настроек зависит от компонента, к которому вы добавляете медиа.
- Выберите метод размещения изображения:
- Contain — изображение заполняет весь блок, сохраняя пропорции. Если пропорции изображения и блока отличаются, часть изображения может быть обрезана.
- Cover (по умолчанию) — изображение сохраняет свои пропорции и вписывается в высоту блока.
- Fill (рекомендуется для пользовательских фонов) — изображение заполняет ширину блока и может быть обрезано сверху и снизу, если превышает высоту блока.
Примечание
Пользовательский фон не имеет фиксированной ширины или высоты, так как его размеры динамически подстраиваются под размер блока. Размер блока изменяется в зависимости от контента (например, количества добавленного текста, наличия или отсутствия кнопок) и разрешения экрана устройства.
- Fit — изображение растягивается до размера блока без сохранения пропорций.
- Выберите позицию изображения (необязательно):
- Top left
- Top center
- Top right
- Left
- Center (по умолчанию)
- Right
- Bottom left
- Bottom center
- Bottom right
Примечание
Если видео уже заполняет контейнер с одной стороны (например, по высоте в режиме Fit), смещение работает только по другой оси — остаются три варианта (left, center или right).
- Настройте оттенок и градиент изображения (необязательно).
- Опубликуйте сайт.
Как добавить видео в блок
Чтобы установить видео в качестве пользовательского фона или добавить видео в компонент блока:
- Откройте ваш проект в Личном кабинете и перейдите в раздел Storefronts > Websites.
- В панели нужного сайта нажмите Open Site Builder.
- В настройках блока активируйте соответствующий переключатель (например, Custom background, Game icon) и нажмите на поле предварительного просмотра под переключателем.
- Нажмите Media.
- В открывшемся модальном окне загрузите видео одним из следующих способов:
- На вкладке All assets или Video перетащите ваше видео и нажмите на него после загрузки.
- Нажмите Add new asset и выберите метод загрузки видео из выпадающего списка:
- From device — выберите видеофайл на вашем устройстве.
- From YouTube — введите URL видео, размещенного на YouTube.
Примечание
- Максимальный размер одного видео, загружаемого с устройства: 10 МБ.
- Поддерживаемые форматы: ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
- Добавление видео в качестве пользовательского фона не поддерживается в блоках Call-to-action, Promotional slider и Subscriptions.
- Рекомендуемая ширина видео для пользовательского фона в блоке — 1920 пикселей. Определите подходящие пропорции изображения после добавления необходимого контента в блок. Рекомендуемые размеры для других типов изображений указаны в описаниях блоков.
- Настройте стиль видео:
Примечание
Набор настроек зависит от элемента, к которому вы добавляете медиа.
- Выберите метод размещения видео (только для видео, загруженного с устройства):
- Contain — видео заполняет весь блок, сохраняя пропорции. Если пропорции видео и блока отличаются, часть изображения может быть обрезана.
- Cover (по умолчанию) — видео сохраняет свои пропорции и вписывается в высоту блока.
- Fill (рекомендуется для пользовательских фонов) — видео заполняет ширину блока и может быть обрезано сверху и снизу, если превышает высоту блока.
Примечание
Пользовательский фон не имеет фиксированной ширины или высоты, так как его размеры динамически подстраиваются под размер блока. Размер блока изменяется в зависимости от контента (например, количества добавленного текста, наличия или отсутствия кнопок) и разрешения экрана устройства.
- Fix — видео растягивается до размера блока без сохранения пропорций.
- Настройте воспроизведение видео (необязательно, недоступно для пользовательских фонов). Доступны следующие настройки:
- Mute video.
- Loop video.
- Autoplay video.
- Cover image — изображение, которое показывается перед началом воспроизведения видео или если оно недоступно пользователям. Эта настройка доступна только для видео, загруженного с устройства.
Примечание
Вы не можете оставить звук видео включенным и одновременно включить автозапуск. Если вы активируете переключатель Autoplay video, переключатель Mute video также будет активирован.
- Настройте оттенок и градиент видео (необязательно).
- Опубликуйте сайт.
Была ли статья полезна?
Спасибо за обратную связь!
Ваши мысли и идеи помогут нам улучшить ваш пользовательский опыт.Нашли опечатку или ошибку в тексте? Выделите ее и нажмите Ctrl+Enter.
