의 이미지 구성요소 UI 빌더

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

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

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

    이미지 구성요소

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

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