의 이미지 구성요소 UI 빌더

  • 릴리스 버전: Yokohama
  • 업데이트 날짜 2025년 01월 30일
  • 읽기1분
  • 이미지 구성요소를 사용하여 방문 페이지에 이미지를 추가합니다.

    중요사항:
    이 페이지에 설명된 빌더는 CSM을 제외한 모든 작업 공간에서 방문 페이지를 빌드하고 편집하기 위한 것입니다. CSM 작업 공간에서 모든 페이지를 빌드하고 편집하는 새 UI Builder에 대한 자세한 내용은 UI Builder를 참조하십시오.

    이미지 구성요소 아이콘( Image component)을 스테이지 창으로 드래그하면 변경하고 크기를 조정할 수 있는 스톡 이미지가 나타납니다. 이미지의 URL을 제공하여 스톡 이미지를 변경할 수 있습니다.

    이미지 구성요소

    다음 표에서는 이미지 구성 요소의 매개 변수를 설명합니다.

    표 1. 이미지 구성요소 매개변수
    매개변수 설명
    구성요소 이름 스테이지 창의 구성요소 위에 있는 구성요소 컨트롤에 나타나는 이름입니다. 최대 문자 수는 18자입니다. 구성요소 이름입니다.
    대체 텍스트 WCAG와 호환되도록 이미지에 레이블을 지정하는 HTML 대체 요소입니다.
    이미지 URL 이미지의 URL입니다.
    적합 이미지 크기 제어.
    • 확장하여 X 축과 Y축의 이미지를 비례적으로 확대 또는 축소하여 이미지가 컨테이너를 채우도록 합니다.
    • Stretch to Fit 은 이미지를 확대하여 컨테이너를 채우지만 이미지가 비례적으로 확장되지는 않습니다.
    • 원본 크기 유지 는 이미지를 컨테이너보다 크거나 작은 원래 크기로 표시합니다.
    위치 컨테이너의 이미지 위치입니다. 예를 들어 오른쪽 아래 는 이미지를 컨테이너의 오른쪽 아래에 배치합니다. 이 매개변수는 이미지가 컨테이너보다 작은 경우에만 작동합니다.
    높이 높이의 픽셀 수로 측정되는 이미지의 높이입니다. 이 높이가 이미지 높이보다 짧으면 매개변수가 이미지 상단을 잘라냅니다. 너비는 비례적으로 줄어들지 않습니다.