header-logo
Узнайте как использовать Wix для создания своего сайта и бизнеса.
Создавайте и управляйте своим сайтом, используя интуитивно понятные функции Wix.
Управляйте подписками, планами и счетами.
Управляйте своим бизнесом и общайтесь с пользователями.
Узнайте, как приобрести, подключить или перенести домен на свой сайт.
Получите инструменты для развития вашего бизнеса и присутствия в интернете.
Повышайте свою видимость с помощью инструментов SEO и маркетинга.
Получайте расширенные функции, которые помогут вам работать более эффективно.
Находите решения, узнавайте об известных неполадках или свяжитесь с нами.
placeholder-preview-image
Совершенствуйте навыки с помощью наших курсов и учебных статей.
Получайте рекомендации по веб-дизайну, маркетингу и многому другому.
Узнайте, как увеличить органический трафик из поисковых систем.
Создайте собственный сайт на нашей полнофункциональной платформе.
Найдите подходящего специалиста, который поможет вам достичь целей.
placeholder-preview-image

Редактор Wix: изменение масштаба, расположения и прозрачности фонового изображения

3 мин.
Добавление фонового изображения может помочь выделить вашу страницу. Есть несколько простых способов сделать его действительно уникальным. Например, вы можете изменить масштаб и расположение изображения, добавить эффект прокрутки или настроить уровень прозрачности самого изображения.

Изменение прозрачности фонового изображения страницы

Непрозрачность — это противоположность прозрачности. Когда вы делаете что-то темнее, вы увеличиваете уровень прозрачности. Вы можете отрегулировать прозрачность фонового изображения, увеличив или уменьшив ее. 

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

  1. Перейдите на нужную страницу в редакторе. 
  2. Нажмите Дизайн сайта  в левой части редактора.
  3. Нажмите Фон страницы.
  4. Выберите, что вы хотите сделать:
    • Пресет изображения: выберите пресет из доступных вариантов.
    • Загрузите свое изображение: следуйте инструкциям, чтобы загрузить новое изображение.
      • Нажмите Фото.
      • Нажмите Загрузить файлы.
      • Загрузите изображение, используя предпочтительный способ.
      • Нажмите Изменить фон.
  5. Нажмите Настройка на превью фонового изображения.
    Примечание: настройки отображаются только в том случае, если изображение выбрано или загружено.
Скриншот настроек фона страницы при наведении курсора на настройки, отображаемых параметрах цветного изображения и видео
  1. Перетащите ползунок Прозрачность изображения (%), чтобы сделать изображение более или менее заметным.
  2. (Необязательно) Нажмите на поле Цвет позади изображения и выберите цвет.

Добавление эффектов прокрутки к фоновому изображению

Добавьте к изображению немного индивидуальности, применив к нему эффект прокрутки. Вы можете добавить параллакс-прокрутку или эффект замирания. Что это такое?
Параллакс-прокрутка позволяет перемещать передний и задний план, но задний план движется медленнее, создавая иллюзию глубины. Добавление прокрутки замирания означает, что фон страницы остаётся неподвижным, пока посетители прокручивают вверх и вниз, а контент поверх него продолжает двигаться. 

Чтобы добавить эффекты прокрутки:

  1. Перейдите на нужную страницу в редакторе. 
  2. Нажмите Дизайн сайта  в левой части редактора.
  3. Нажмите Фон страницы.
  4. Нажмите Настройка
  5. Выберите эффект прокрутки: 
    • Нет: без эффекта прокрутки.
    • Параллакс: фон страницы и контент поверх него движутся с разной скоростью, создавая классный и интересный эффект для ваших посетителей.
      Примечание: параллакс-прокрутка не отображается в мобильной версии сайта.
    • Замирание: это означает, что фон вашей страницы остаётся неподвижным, пока посетители прокручивают вверх и вниз, а контент поверх него продолжает двигаться.
Скриншот настроек фонового изображения с эффектами прокрутки установленными как

Изменение масштаба и расположения фонового изображения

Измените масштаб и положение фона в соответствии с разными размерами экрана. Вы можете заполнить изображение фоном на весь экран или сохранить определенную ширину и высоту, чтобы соответствовать определенной части экрана. 

Чтобы изменить масштаб и положение изображения:

  1. Добавьте изображение фона.
  2. Нажмите на фоновое изображение и затем нажмите Изменить фон
  3. Нажмите Настройка.
Скриншот, показывающий, как изменить фон изображения.
  1. В разделе Как разместить фото? выберите вариант:
    • Заливка: размер фонового изображения изменяется в соответствии с размером экрана только на компьютере. У мобильных экранов он сохраняет пропорции.
    • Плитка: фоновое изображение отображается в виде плиток на экране.
  2. В разделе Где расположить фото: выберите положение в сетке.