모바일 디바이스별 화면 크기(논리적 해상도 / 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배까지 큰 이미지를 작성한 후 크기를 조정해 배치하는 것이 흐릿하지 않은 이미지를 보여주는 것에 도움이 된다.
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배까지 큰 이미지를 작성한 후 크기를 조정해 배치하는 것이 흐릿하지 않은 이미지를 보여주는 것에 도움이 된다.
댓글
댓글 쓰기