• 가이드

비주얼섹션 풀페이지 사용시 배경 이미지의 최적 해상도는 무엇인가요?

풀페이지를 사용할 경우 각 슬라이드는 브라우저의 화면 크기를 가득 채운 상태로 표시됩니다. 따라서 최적의 해상도란 존재하지 않으며, 표시하고자 하는 이미지에 따라 처리 방법이 달라질 것입니다.

아래는 비주얼 섹션의 이미지 속성에 대한 이해를 돕기 위한 예시입니다.

채우기

채우기는 비주얼 섹션 배경속성의 기본값입니다. 브라우저의 해상도가 변하더라도 배경 이미지가 공백으로 표시되는 일 없이 항상 영역을 가득 채웁니다.

이런 경우 원본 이미지의 비율과 표시되는 영역의 비율에 따라 이미지의 일부가 표시되지 않는 경우가 있습니다. 따라서 이미지에 텍스트가 포함되었으면서 좌우 또는 상하 가장자리에 텍스트가 배치된 경우 해상도에 따라 잘리는 문제가 발생할 수 있습니다.

중요한 콘텐츠는 배경 이미지에 포함하지 않고, 별도의 텍스트로 작성하는 방법이 권장됩니다. 

또한 아래와 같은 버튼으로 배경 설정의 기준 위치를 조정하여 중요한 부분이 잘리는 문제를 어느정도 완화할 수 있습니다.

반복안함

배경 속성을 반복안함으로 설정하신 경우 배경 이미지 원본 크기 그대로 출력합니다. 다만 위 예시와 같이 원본 크기보다 브라우저의 창이 넓은 경우 여백이 보일 수 있습니다.

반복안함으로 설정하실 땐 이미지 해상도를 충분한 크기로 업로드하시는 것이 좋습니다.

목록으로

아임웹 디자이너가 되어주세요!

개인 디자이너, 1인 기업을 위한 아임웹 디자이너 프로그램

리셀러/디자이너 신청

한 번 이용하면 팬이 됩니다.

아임웹에서 당신의 생각을 표현해보세요.

115.6K

누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.

297

일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.

1.3K

전국 파트너/리셀러 수

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버, KCP, 채널, 엑심베이 공식파트너입니다.