블록에 미디어 추가하는 방법

대부분의 블록에서 이미지비디오를 사용자 정의 배경으로 설정하고, 블록 내 개별 구성 요소에 추가할 수 있습니다.

블록에 이미지 추가하는 방법

이미지를 사용자 정의 배경으로 설정하거나 블록 구성 요소에 이미지를 추가하려면:

  1. Publisher Account에서 프로젝트를 열고 스토어프런트 > 웹사이트 섹션으로 이동합니다.
  2. 원하는 사이트의 패널을 클릭합니다.
  1. 계정에서 프로젝트를 열고 스토어프런트 > 웹사이트 섹션으로 이동하세요.
  2. 원하는 사이트의 패널을 클릭합니다.
  1. 계정에서 프로젝트를 열고 스토어프런트 > 웹사이트 섹션으로 이동하세요.
  2. 원하는 사이트의 패널을 클릭합니다.
  1. 계정에서 프로젝트를 열고 스토어프런트 > 웹사이트 섹션으로 이동하세요.
  2. 원하는 사이트의 패널을 클릭합니다.
  1. 모바일 게임 계정에서 프로젝트를 열고 웹샵 솔루션 섹션으로 이동하세요.

  2. 원하는 사이트의 패널을 클릭합니다.

  1. 블록 설정에서 해당 토글(예: Custom background, Game icon)을 켜고, 토글 아래의 미리보기 필드를 클릭합니다.
  1. Media를 클릭합니다.
  1. 열리는 모달 창에서 다음 방법 중 하나로 이미지를 업로드합니다: 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. 이미지 스타일을 구성하세요:
참고
설정 세트는 미디어를 추가하는 구성 요소에 따라 다릅니다.
    1. 이미지 배치 방법을 선택하세요:
      • Contain — 이미지가 비율을 유지하면서 전체 블록을 채웁니다. 이미지와 블록의 비율이 다르면 이미지의 일부가 잘릴 수 있습니다.
      • Cover (기본값) — 이미지는 비율을 유지하며 블록 높이에 맞춰집니다.
      • Fill (사용자 정의 배경에 권장) — 이미지는 블록 너비를 채우며 블록 높이를 초과할 경우 상하단이 잘릴 수 있습니다.
참고
사용자 정의 배경은 블록 크기에 따라 동적으로 조절되므로 너비나 높이가 고정되어 있지 않습니다. 블록 콘텐츠(예: 텍스트 길이, 버튼 유무) 및 장치의 화면 해상도에 따라 블록 크기가 변경됩니다.
      • Fit — 이미지가 가로 세로 비율을 유지하지 않은 상태로 블록에 맞게 늘어납니다.
    1. 이미지 위치를 선택하세요 (선택 사항):
      • Top left
      • Top center
      • Top right
      • Left
      • Center (기본값)
      • Right
      • Bottom left
      • Bottom center
      • Bottom right
참고
비디오가 이미 한쪽 면을 채우고 있는 경우(예: Fit 모드에서 높이로), 오프셋은 다른 축에서만 작동하여 세 가지 옵션(왼쪽, 가운데, 오른쪽)만 남습니다.
    1. 이미지의 색조와 그라데이션을 조정하세요 (선택 사항).

블록에 비디오 추가하는 방법

비디오를 사용자 정의 배경으로 설정하거나 블록 구성 요소에 비디오를 추가하려면:

  1. Publisher Account에서 프로젝트를 열고 스토어프런트 > 웹사이트 섹션으로 이동합니다.
  2. 원하는 사이트의 패널에서 Open Site Builder를 클릭합니다.
  1. 계정에서 프로젝트를 열고 스토어프런트 > 웹사이트 섹션으로 이동하세요.
  2. 원하는 사이트의 패널을 클릭합니다.
  1. 계정에서 프로젝트를 열고 스토어프런트 > 웹사이트 섹션으로 이동하세요.
  2. 원하는 사이트의 패널을 클릭합니다.
  1. 계정에서 프로젝트를 열고 스토어프런트 > 웹사이트 섹션으로 이동하세요.
  2. 원하는 사이트의 패널을 클릭합니다.
  1. 모바일 게임 계정에서 프로젝트를 열고 웹샵 솔루션 섹션으로 이동하세요.
  2. 원하는 사이트의 패널을 클릭합니다.
  1. 블록 설정에서 해당 토글(예: Custom background, Game icon)을 켜고, 토글 아래의 미리보기 필드를 클릭합니다.
  1. Media를 클릭합니다.
  1. 열리는 모달 창에서 다음 방법 중 하나로 비디오를 업로드합니다:
    1. All assets 또는 Video 탭에서 비디오를 드래그 앤 드롭하고 업로드 후 클릭합니다.
    2. Add new asset을 클릭하고 드롭다운 목록에서 비디오 업로드 방법을 선택합니다:
      • From device — 장치에서 비디오 파일을 선택합니다.
      • From YouTube — YouTube에 호스팅된 비디오의 URL을 입력합니다.
참고
  • 장치에서 업로드된 단일 비디오의 최대 크기: 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. 비디오 스타일을 구성하세요:
참고
설정 세트는 미디어를 추가하는 요소에 따라 다릅니다.
    1. 비디오 배치 방법을 선택하세요 (장치에서 업로드된 비디오에만 해당):
      • Contain — 비디오가 비율을 유지하면서 전체 블록을 채웁니다. 비디오와 블록의 비율이 다르면 이미지의 일부가 잘릴 수 있습니다.
      • Cover (기본값) — 비디오는 비율을 유지하며 블록 높이에 맞춰집니다.
      • Fill (사용자 정의 배경에 권장) — 비디오는 블록 너비를 채우며 블록 높이를 초과할 경우 상하단이 잘릴 수 있습니다.
참고
사용자 정의 배경은 블록 크기에 따라 동적으로 조절되므로 너비나 높이가 고정되어 있지 않습니다. 블록 콘텐츠(예: 텍스트 길이, 버튼 유무) 및 장치의 화면 해상도에 따라 블록 크기가 변경됩니다.
      • Fit — 비디오가 가로 세로 비율을 유지하지 않은 상태로 블록에 맞게 늘어납니다.
    1. 비디오 재생을 구성하세요 (선택 사항, 사용자 정의 배경에는 사용 불가). 다음 설정이 가능합니다:
      • Mute video.
      • Loop video.
      • Autoplay video.
      • Cover image — 비디오가 재생되기 전 또는 사용자가 비디오를 볼 수 없는 경우 표시되는 이미지입니다. 이 설정은 장치에서 업로드된 비디오에만 사용할 수 있습니다.
참고
비디오 소리를 켜고 자동 재생을 동시에 활성화할 수 없습니다. Autoplay video 토글을 활성화하면 Mute video 토글도 활성화됩니다.
    1. 비디오의 색조와 그라데이션을 조정하세요 (선택 사항).
이 기사가 도움이 되었나요?
감사합니다!
개선해야 할 점이 있을까요? 메시지
유감입니다
이 기사가 도움이 안 된 이유를 설명해 주세요. 메시지
의견을 보내 주셔서 감사드립니다!
메시지를 검토한 후 사용자 경험 향상에 사용하겠습니다.
마지막 업데이트: 2026년 6월 25일

오자 또는 기타 텍스트 오류를 찾으셨나요? 텍스트를 선택하고 컨트롤+엔터를 누르세요.

문제 보고
콘텐츠를 항상 검토합니다. 여러분의 피드백은 콘텐츠를 개선에 도움이 됩니다.
후속 조치를 위해 이메일을 제공해 주세요
의견을 보내 주셔서 감사드립니다!
피드백을 보내는 중 문제가 발생했습니다
잠시 후 다시 시도하거나 [email protected]으로 연락해 주세요.