비주얼섹션은 슬라이드 방식으로 동작하며, 주로 사이트의 대표적인 아이덴티티를 나타내거나 중요한 정보(이벤트, 행사 등)를 알리는데 사용됩니다.

비주얼섹션은 기본적으로 이미지를 cover(채우기) 속성으로 사용합니다. cover(채우기) 속성은 크기에 따라 이미지가 확대 또는 축소 되면서 이미지를 가득 채우는 속성이기 때문에 브라우저 크기에 따라 이미지가 일부 잘려 보일 수 있습니다. 아래 예시 이미지를 참고해주세요.

개선방법

1. 이미지가 확대 될 때 잘리지 않도록 피사체를 최대한 가운데로 배치합니다.
2. 이미지에 텍스트가 포함되어 있으면 이미지가 확대 될 때 텍스트가 잘릴 수도 있으니, 텍스트는 되도록 비주얼섹션의 텍스트 기능으로 작성합니다. 비주얼섹션 한 줄에 텍스트와 이미지 첨부하기
3. 비주얼섹션 대신 갤러리 위젯을 사용하여 유사한 디자인으로 구성합니다. 갤러리 위젯으로 비주얼섹션 만들기

관련 도움말

• 모바일에서 비주얼섹션 배경 이미지가 잘려 보일 때
• 비주얼섹션 풀페이지 사용 시 배경 이미지의 최적 해상도는 무엇인가요?
• 비주얼섹션 배경 이미지가 어둡게 보입니다.

👉 비주얼 섹션 갤러리 위젯 비교하기1 (비주얼 섹션) 동영상 가이드