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

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

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

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

관리자 페이지에서 프로젝트를 열고 스토어프론트 > 웹사이트 섹션으로 이동하세요.
원하는 사이트의 패널에서 Open Site Builder를 클릭하세요.

블록 설정에서 해당 토글(예: Custom background, Game icon)을 활성화하고 토글 아래의 미리보기 입력란을 클릭하세요.

Media를 클릭하세요.

열리는 모달 창에서 다음 방법 중 하나로 이미지를 업로드하세요:
1. All assets 또는 Images 탭에서 이미지를 드래그 앤 드롭하고 업로드 후 클릭하세요.
2. Add new asset을 클릭하고 드롭다운 목록에서 From device를 선택한 후 원하는 이미지를 업로드하세요.

최대 이미지 크기: 10 MB.
지원되는 형식: ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
블록의 사용자 정의 배경에 대한 권장 이미지 너비는 1920 px입니다. 필요한 콘텐츠를 블록에 추가한 후 적절한 이미지 비율을 결정하세요. 다른 이미지 유형에 대한 권장 크기는 블록 설명에 제공됩니다.

이미지 스타일을 구성하세요:

설정은 미디어를 추가하는 구성 요소에 따라 다릅니다.

1. 이미지 배치 방법을 선택하세요:
  - Contain — 이미지가 비율을 유지하면서 전체 블록을 채웁니다. 이미지와 블록의 비율이 다르면 이미지의 일부가 잘릴 수 있습니다.
  - Cover (기본값) — 이미지는 비율을 유지하며 블록 높이에 맞춥니다.
  - Fill (사용자 정의 배경에 권장) — 이미지는 블록 너비를 채우며 블록 높이를 초과하면 상단과 하단이 잘릴 수 있습니다.

사용자 정의 배경은 고정된 너비나 높이가 없으며, 블록 크기에 따라 동적으로 조정됩니다. 블록 크기는 콘텐츠(예: 추가된 텍스트의 양, 버튼의 유무)와 장치의 화면 해상도에 따라 변경됩니다.

- - Fit — 이미지는 비율을 유지하지 않고 블록 크기에 맞춰 늘어납니다.

1. 이미지 위치를 선택하세요 (선택 사항):
  - Top left
  - Top center
  - Top right
  - Left
  - Center (기본값)
  - Right
  - Bottom left
  - Bottom center
  - Bottom right

비디오가 이미 한쪽 면을 채우고 있는 경우(예: Fit 모드에서 높이로), 오프셋은 다른 축에서만 작동하여 세 가지 옵션(왼쪽, 중앙, 오른쪽)만 남습니다.

1. 이미지의 색조와 그라데이션을 조정하세요 (선택 사항).

사이트를 게시하세요.

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

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

관리자 페이지에서 프로젝트를 열고 스토어프론트 > 웹사이트 섹션으로 이동하세요.
원하는 사이트의 패널에서 Open Site Builder를 클릭하세요.

블록 설정에서 해당 토글(예: Custom background, Game icon)을 활성화하고 토글 아래의 미리보기 입력란을 클릭하세요.

Media를 클릭하세요.

열리는 모달 창에서 다음 방법 중 하나로 비디오를 업로드하세요:
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.
Call-to-action, Promotional slider, Subscriptions 블록에서는 사용자 정의 배경으로 비디오 추가가 지원되지 않습니다.
블록의 사용자 정의 배경에 대한 권장 비디오 너비는 1920 px입니다. 필요한 콘텐츠를 블록에 추가한 후 적절한 이미지 비율을 결정하세요. 다른 이미지 유형에 대한 권장 크기는 블록 설명에 제공됩니다.

비디오 스타일을 구성하세요:

설정은 미디어를 추가하는 요소에 따라 다릅니다.

1. 비디오 배치 방법을 선택하세요 (장치에서 업로드한 비디오에만 해당):
  - Contain — 비디오는 비율을 유지하면서 전체 블록을 채웁니다. 비디오와 블록의 비율이 다르면 이미지의 일부가 잘릴 수 있습니다.
  - Cover (기본값) — 비디오는 비율을 유지하며 블록 높이에 맞춥니다.
  - Fill (사용자 정의 배경에 권장) — 비디오는 블록 너비를 채우며 블록 높이를 초과하면 상단과 하단이 잘릴 수 있습니다.

사용자 정의 배경은 고정된 너비나 높이가 없으며, 블록 크기에 따라 동적으로 조정됩니다. 블록 크기는 콘텐츠(예: 추가된 텍스트의 양, 버튼의 유무)와 장치의 화면 해상도에 따라 변경됩니다.

- - Fix — 비디오는 비율을 유지하지 않고 블록 크기에 맞춰 늘어납니다.

1. 비디오 재생을 구성하세요 (선택 사항, 사용자 정의 배경에는 사용 불가). 다음 설정이 가능합니다:
  - Mute video.
  - Loop video.
  - Autoplay video.
  - Cover image — 비디오가 재생되기 전 또는 사용자가 비디오를 사용할 수 없는 경우 표시되는 이미지입니다. 이 설정은 장치에서 업로드한 비디오에만 사용할 수 있습니다.

비디오 소리를 켜고 자동 재생을 동시에 활성화할 수 없습니다. Autoplay video 토글을 활성화하면 Mute video 토글도 활성화됩니다.

1. 비디오의 색조와 그라데이션을 조정하세요 (선택 사항).

사이트를 게시하세요.

의견을 보내 주셔서 감사드립니다!

메시지를 검토한 후 사용자 경험 향상에 사용하겠습니다.

마지막 업데이트: 2026년 6월 4일

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

콘텐츠

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

문제 보고

콘텐츠를 항상 검토합니다. 여러분의 피드백은 콘텐츠를 개선에 도움이 됩니다.

후속 조치를 위해 이메일을 제공해 주세요

의견을 보내 주셔서 감사드립니다!

피드백을 보내는 중 문제가 발생했습니다

잠시 후 다시 시도하거나 doc_feedback@xsolla.com으로 연락해 주세요.