Wix 에디터: 배경 이미지 배열, 위치 및 투명도 변경하기

3 분 분량
배경 이미지를 추가하면 페이지를 돋보이게 하는 데 도움이 될 수 있습니다. 사이트를 나만의 것으로 만들기 위해 할 수 있는 몇 가지 작업이 있습니다. 예를 들어, 이미지의 크기와 위치를 변경하거나 스크롤 효과를 추가, 또는 이미지 투명도를 조정할 수 있습니다.
다음 도움말을 참고하세요.

페이지 배경 이미지 투명도 변경하기

투명도는 불투명도의 반대입니다. 무언가를 더 어둡게 만들면 불투명도가 높아집니다. 배경 이미지의 투명도를 높이거나 낮추어 조정할 수 있습니다.

배경 이미지의 투명도를 변경하려면:

  1. 에디터에서 관련 페이지로 이동합니다. 
  2. 에디터 왼쪽에서 사이트 디자인을 클릭합니다.
  3. 페이지 배경을 클릭합니다.
  4. 원하는 작업을 선택합니다.
    • 프리셋 이미지: 사용 가능한 옵션에서 프리셋 이미지를 선택합니다.
    • 나만의 이미지 업로드: 단계를 따라 새 이미지를 업로드합니다.
      • 이미지를 클릭합니다.
      • 미디어 업로드를 클릭합니다.
      • 선호하는 방법을 사용해 이미지를 업로드합니다.
      • 배경 변경을 클릭합니다.
  5. 이미지 배경 미리보기에서 설정을 클릭합니다. 참고: 설정은 이미지를 선택하거나 업로드한 경우에만 표시됩니다.
마우스오버가 설정, 컬러 이미지 및 동영상 배경 옵션에 표시된 페이지 배경 설정의 스크린샷
  1. 이미지 투명도(%) 슬라이더를 끌어 이미지가 더 잘 보이도록 합니다.
  2. (선택사항) 이미지 배경 색상 색상 상자를 클릭해 색상을 선택합니다.

배경 이미지에 스크롤 효과 추가하기

이미지에 스크롤 효과를 추가해 개성을 더해보세요. 패럴랙스 스크롤 또는 고정 효과를 추가하도록 선택할 수 있습니다.
패럴랙스 스크롤을 사용하면 전경과 배경이 함께 이동하지만, 배경이 더 느리게 이동해 깊이 있는 착시 효과를 제공합니다. 고정 스크롤을 추가하면 방문자가 위아래로 스크롤하는 동안 페이지 배경은 움직이지 않고 맨 위에 있는 콘텐츠는 움직이게 됩니다. 

스크롤 효과를 추가하려면:

  1. 에디터에서 관련 페이지로 이동합니다. 
  2. 에디터 왼쪽에서 사이트 디자인을 클릭합니다.
  3. 페이지 배경을 클릭합니다.
  4. 설정을 클릭합니다.
  5. 스크롤 효과를 선택합니다. 
    • 없음: 스크롤 효과가 없습니다.
    • 패럴랙스: 페이지 배경과 맨 위에 있는 콘텐츠가 서로 다른 속도로 이동해 방문자에게 멋지고 재미있는 경험을 선사합니다.
      참고: 패럴랙스 스크롤링은 사이트의 모바일 버전에서는 표시되지 않습니다.
    • 고정: 방문자가 위아래로 스크롤하는 동안 페이지 배경은 움직이지 않고 맨 위에 있는 콘텐츠가 움직이게 됩니다.
없음, 패럴랙스 및 고정이 나열된 스크롤 효과가 있는 배경 이미지 설정의 스크린샷

배경 이미지 배열 및 위치 변경하기

다양한 화면 크기에 맞게 배경의 크기 및 위치를 변경하세요. 전체 화면을 이미지 배경으로 채우거나 화면의 비율에 맞게 특정 폭과 높이를 유지하도록 선택할 수 있습니다. 

이미지 크기 및 위치를 변경하려면:

  1. 이미지 배경을 추가합니다.
  2. 배경 이미지를 클릭한 후 배경 변경을 클릭합니다. 
  3. 설정을 클릭합니다.
이미지 배경 변경 옵션을 보여주는 스크린샷
  1. 이미지 배열 아래에서 옵션을 선택합니다.
    • 채우기: 배경 이미지의 크기가 데스크톱 화면의 화면 크기에 맞게 조정됩니다. 모바일 화면의 경우 비율을 유지합니다.
    • 바둑판: 배경 이미지가 스크린에 걸쳐 타일 형식으로 표시됩니다.
  2. 이미지 위치 아래 그리드에서 위치를 선택합니다.

도움이 되었나요?

|