PC Web 이미지 사이즈

1. 풀 스크린

풀 스크린은 Web PC의 경우 모달과 같은 형태로 제공됩니다.
풀 스크린 최대 메시지의 사이즈는 브라우저의 80% 입니다.

💡 화면보다 큰 이미지 업로드 : 메시지가 브라우저의 80% 사이즈로 리사이징됩니다.
💡 화면보다 긴 텍스트 입력 : 메시지가 브라우저의 80% 사이즈로 고정되며, 텍스트 영역 안에 스크롤이 생깁니다.

가이드 : 1920 x 1080 모니터 기준

풀 스크린 이미지 
PC Web의 풀 스크린 이미지는 가로/세로 최소 500px이상, 비율이 제한되어 있지 않습니다.

최대 사이즈 예시)

최소 사이즈 예시)

풀 스크린 이미지 + 텍스트 

PC Web의 풀 스크린 이미지 + 텍스트는 각 비율별 사이즈가 고정되어 있습니다.

이미지+텍스트의 경우, 텍스트가 특정 길이 이상 길어졌을 때 전체 메시지의 길이가 브라우저의 80%로 제한되기 때문에
아래의 예시와 같이 텍스트 영역 내 스크롤이 생깁니다.

2. 모달

모달은 풀 스크린보다 메시지를 띄울 수 있는 영역이 더 작습니다.

모달 최대 메시지의 사이즈는 브라우저의 60% 입니다.

💡 화면보다 큰 이미지 업로드: 메시지가 브라우저의 60% 사이즈로 리사이징됩니다.
💡 화면보다 긴 텍스트 입력 : 브라우저의 70% 사이즈로 고정되며, 텍스트 영역 안에 스크롤이 생깁니다.

가이드 : 1920 x 1080 모니터 기준

모달 이미지

PC Web의 모달 이미지는 가로/세로 최소 400px이상, 비율이 제한되어 있지 않습니다.

최대 사이즈 예시)

최소 사이즈 예시)

모달 이미지 + 텍스트 

PC Web의 모달 이미지 + 텍스트는 각 비율별 사이즈가 고정되어 있습니다.

이미지+텍스트의 경우, 텍스트가 특정 길이 이상 길어졌을 때 전체 메시지의 길이가 브라우저의 70%로 제한되기 때문에
아래의 예시와 같이 텍스트 영역 내 스크롤이 생깁니다.

3. 이미지 디스플레이 비율

풀 스크린과 모달 레이아웃에서 이미지만 업로드한 경우 비율 조정(축소)이 가능합니다.

💡 원본 사이즈의 90~50%로 크기 변경이 가능합니다.
💡 업로드한 이미지가 화면보다 큰 경우, 이미지는 브라우저의 80% 크기로 리사이징되어 보여집니다.
💡 이미지 디스플레이 비율은 원본 이미지 사이즈를 기준으로 설정되기 때문에 화면에 따라 이미지 크기가 달라보일 수 있습니다.