디바이스별 해상도 개념 및 스펙

1. 해상도 (resolution)

이미지를 표현하는데 몇 개의 픽셀 또는 도트로 나타냈는지 그 정도를 나타내는 말

1) 개념

(1) 물리 해상도 (px)

a

(2) 논리 해상도 (dp)

a

2) 단위

(1) ppi (pixel per inch)

1인치당 몇 개의 픽셀로 이루어졌는지를 나타내는 단위
모니터의 해상도를 나타낼 때 사용

(2) dpi (dot per inch)

1인치당 몇 개의 점으로 이루어졌는지를 나타내는 단위
인쇄를 목적으로 이미지를 편집할 때 사용

1인치당 표현되는 점의 갯수가 많을수록 더 많은 점의 수로 표현되기 때문에 더욱 해상도가 뛰어나다.

2. aspect ratio

• 화면의 가로 대 세로의 비율

3. density

픽셀의 단위로 레이아웃을 구성하게 되면, 화면이 작든 크든 같은 크기로 나타나게 됩니다.
안드로이드 폰의 다양한 해상도를 지원하기 위해 만들어진 단위입니다.

px = dp * (160 / dpi) = dp * density
dp = px / (160 / dpi) = px / density

ldpi => 120dpi => 1dp = 0.75px(density)
mdpi => 160dpi => 1dp = 1px(density)
hdpi => 240dpi => 1dp => 1.5px(density)
xhdpi => 320dpi  => 1dp => 2px(density)

출처

http://kin.naver.com/qna/detail.nhn?d1id=1&dirId=1070402&docId=207267274&qb=bWRwaSBkZW5zaXR5&enc=utf8&section=kin&rank=1&search_sort=0&spq=0&pid=TNAi0wpVuF4sstIfGW4ssssssRo-065772&sid=g2o37lkNfLkQaY87VRHx8w%3D%3D

http://blog.naver.com/fiberk2/221018823441

https://beerntv.wordpress.com/2017/02/02/%EB%AC%BC%EB%A6%AC%EC%A0%81-%ED%95%B4%EC%83%81%EB%8F%84%EC%99%80-%EB%85%BC%EB%A6%AC%EC%A0%81-%ED%95%B4%EC%83%81%EB%8F%84-point-pixel/

2. 디바이스별 스펙

모바일 서비스를 설계할 때 기준 해상도는 어떻게 결정하시나요?
일반적으로는 가장 많이 사용하는 기기와 화면비율을 고려하여 기준 해상도를 결정합니다. 이때 기기별 상세스펙 정보가 필요한데요. 디바이스별 스펙 정보를 확인할 수 있는 4개의 사이트를 소개합니다.

1) 구글 Device Metrics

구글에서 제공하는 디바이스별 스펙 정보. 기기정보 클릭 시 상세정보를 확인할 수 있습니다.
https://design.google.com/devices

2) iOS RES

아이폰, 아이패드, 애플워치 iOS 디바이스의 상세 스펙을 제공합니다.
http://iosres.com

3) SCREEN SIZES

스마트폰, 태블릿, 모니터 등 모든 디바이스의 사이즈 정보를 제공합니다. 화면 우측의 정렬/필터 옵션을 통해 원하는 내용만 간추려 볼 수 있습니다.
http://screensiz.es/phone

4) 다음 트로이

기기별 모바일 웹 테스트 서비스 제공. 좌측 정보를 통해 디바이스별 해상도를 파악할 수 있으며, Web URL을 입력하면 실제 작동화면을 Web View로 볼 수 있습니다.
http://troy.labs.daum.net

---

출처 : http://yslab.kr/92

​