모바일 디바이스별 화면 크기(논리적 해상도 / dpi)

<Apple>
iPhone 8 375x667
iPhone 8 Plus 414x736
iPhone Xr 414x896
iPhone Xs 375x812
iPhone Xs Max 414x896
→iPhone 계열은 크게 가로폭이 414px인 경우와 375px인 경우로 나눌 수 있다.

iPad Mini 768x1024
iPad Air 768x1024
10.5-inch iPad Pro 834x1112
→iPad 계열은 크게 가로폭이 768px인 경우와 834px인 경우로 나눌 수 있다.


<Android> Samsung, LG등 주요 제조사만 확인
LG G2 360x640
LG G3 480x853

Galaxy Note 4 480x853 (16:9)
Galaxy S5,S6,S7,S7edge 360x640 (16:9)
Galaxy S8,S8+ 360x740 (18.5:9)

Galaxy Tab 10 800x1280 (16:10)
→안드로이드 계열은 크게 가로폭이 360px과 480px인 모바일 기기로 나눌 수 있다.

논리적 해상도 혹은 dpi와 실제 해상도의 비율은 1배에서 4배까지 되므로
이미지 소스의 경우 해상도의 2배에서 4배까지 큰 이미지를 작성한 후 크기를 조정해 배치하는 것이 흐릿하지 않은 이미지를 보여주는 것에 도움이 된다.

댓글

이 블로그의 인기 게시물

2017년 KISA 통계 기준 인터넷 이용자 분석

2018년 11월 StatCounter 기준 한국 웹 브라우저 이용률