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

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

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

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

  1. Publisher Account에서 프로젝트를 열고 스토어프런트 > 웹사이트 섹션으로 이동합니다.
  2. 원하는 사이트의 패널에서 Open Site Builder를 클릭합니다.
  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. 블록 설정에서 해당 토글(예: 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]으로 연락해 주세요.