이미지를 추가할 때 사용합니다.
원하는 이미지를 업로드하거나 upsplash 버튼을 클릭하여 이미지를 추가할 수 있습니다.
❶ 높이 적용: 높이 적용 체크 시, 슬라이더 또는 직접 픽셀 값을 입력하여 세로 높이를 조정할 수 있습니다.
❷ 이미지 음영: 이미지 음영을 설정합니다.
❸ 배경색: 구성 요소의 배경색을 설정합니다. 전체 넓이 '사용안함' 선택 시 배경색이 보여집니다.
❹ 테두리 라운드: 이미지의 테두리 라운딩을 설정합니다.
❺ 이미지 채움: 이미지의 채움 정도를 설정합니다. 원본을 보여주거나 비율을 유지하면서 꽉 채우는 등 이미지가 어떻게 보여질지 선택할 수 있습니다.
❻ 전체 넓이 사용
사용함: 적용한 홈페이지 가로 사이즈를 무시하고 이미지가 가로로 꽉차게 보여집니다.
사용안함: 적용한 홈페이지 가로 사이즈 내에서 이미지가 보여집니다.
이미지를 제대로 로드하지 못해 표시할 수 없는 경우 보조 기능으로 대체 텍스트에 입력된 내용이 나타납니다. 또한 대체 텍스트는 시각 장애가 있는 사용자와 같은 사람들이 웹사이트의 내용을 이해하도록 돕거나 검색엔진 봇이 사이트의 이미지를 해석하는데 사용됩니다.
이미지 구성 요소의 위, 아래, 왼쪽, 오른쪽 여백을 각각 설정할 수 있습니다.