이미지의 크기나 정렬을 변경하는 방법입니다.

이미지를 선택한 상태에서 우측 설정 패널을 통해 크기 및 정렬 옵션을 설정할 수 있습니다.

이미지 크기 선택

• Fit : 이미지가 포함된 컨테이너 또는 영역의 너비(width) 100%에 맞춰 이미지 크기를 자동으로 조정합니다.

• 원래 크기 : 이미지를 원본 크기 그대로 표시합니다.

이미지 크기 : 원래 크기
이미지 크기 : Fit

이미지 너비 지정

• 폭 입력란에 값을 입력하여 너비를 조절할 수 있습니다. 기본 단위는 픽셀(px)이며, 단위 표시를 클릭하면 다른 단위로 변경할 수 있습니다.( %, em, rem, vw 등)

• 폭 값을 직접 지정한 경우, 모바일 화면에서 이미지가 화면 밖으로 벗어날 수 있습니다. 이를 방지하려면 최대 너비를 반드시 100%로 설정해야 합니다.

폭 : 200px
폭 : 70%

이미지 정렬

• 이미지 크기가 'Fit'으로 지정되어 있는 경우 : 
    1. '프래그먼트 및 위젯' 영역에서 '컨테이너' 프래그먼트를 드래그하여 추가합니다.

    2. 우측 설정 패널에서 '컨텐츠 디스플레이' 항목을 'Flex Row' 또는 'Flex Column' 으로 변경합니다

    3. '아이템 정렬' 또는 '컨텐츠 양쪽 정렬' 항목에서 정렬 방식을 설정합니다.

    4. '프래그먼트 및 위젯' 영역에서 '이미지' 프래그먼트를 '컨테이너' 내부로 드래그하여 추가합니다.

컨테이너 설정
결과

※ 컨테이너 설정에 대한 자세한 내용은 컨테이너   페이지를 참고하시기 바랍니다.

• 이미지 크기가 '원래 크기'로 지정되어 있는 경우 :
    우측 설정 패널의 '스타일' 탭에서 정렬을 설정할 수 있습니다.

이미지 설정
결과