메인 배너 섹션의 크기

메인 배너 섹션은 다른 섹션과 달리 브라우저의 비율에 따라 이미지가 가려져 보일 수 있습니다. 자세한 설명은 아래 내용을 참고해주세요.

1. 메인 배너 섹션이 화면에 보이는 원리

항상 너비가 꽉 차게 표현되어야 하는 특성 때문에, 메인 배너 섹션은 차지하는 공간 내에서 이미지가 '배경(background)'이 됩니다.

메인 배너의 종류 중 '높이 고정'을 사용하면 언제나 꽉 찬 배경의 형태로 보여야 하므로, 이미지가 원하는 모습과 다르게 가려져 보일 수 있습니다.

2. 높이 고정 메인 배너 섹션 미리 보기

3. 비율 고정 메인 배너 섹션 미리 보기

* 포토샵 등으로 글자를 넣어 작업한 이미지처럼 어느 영역이라도 가려지면 안 되는 이미지를 사용할 때 유용합니다. 작업 시, 설정한 비율로 이미지 캔버스를 조정해주세요. 자세한 예시는 아래 '메인 배너 섹션 활용하기' 안내서의 4-3번 단계를 참고해주세요.

관련된 안내서 보기

메인 배너 섹션 활용하기

히어로 이미지

SixShop | 식스샵 안내서입니다.

SixShop | 식스샵 안내서입니다.