PX/DP/DPI

 

# px

- 화면을 구성하는 최소단위

- 전체화면 크기와 상관없이 지정한 수치 만큼 표시되는 절대적인 표시단위

- 스크린 안에서만 정확하고 현실에서는 기기마다 다르게 나타남

 

# dp [ device independence Pixel ]

- 독립화소, 쉽게말해 디스플레이의 해상도(밀도)와 상관없는 단위

- dp를 사용하면 기기마다의 차이를 고민하지 않고 인터페이스 디자인이 가능

- 안드로이드에서는 dp를 주로 사용함 (아이폰은 pt단위)

- 디바이스의 크기에 따라 각종 요소들을 확대/축소 해주기 위해 만들어진 단위

 

# dpi [ Dot per inch ]

- 1인치 (2.54cm)에 들어있는 픽셀의 수

- pc 모니터는 기본적으로 72dpi / 요즘엔 144도 많이씀

- 안드로이드에서는 mdapi = 160을 기본으로 한다

 

 

# 단위변환

px = dp * 단말 DPI ÷ 기본 160

dp = px * 기본 160 ÷ 단말 DPI

 

[ex]

xxxhdpi 기기 갤럭시 s7에 사용할 100dp의 정사각 아이콘을 만든다고 가정하면

100 * (640÷160) = 400px = 가로 세로가 400px인 아이콘 제작

dp 해상도

 

 

# 48dp

- 안드로이드 가이드라인 48dp

- 대략 7~10mm의 크기로 손끝으로 터치스크린에 접촉하는 평균적 크기 (ios에서는 44px, 7mm로 비슷한 개념이 있음)

- 아이콘/버튼 제작시 48dp 기억해서 활용하기

- 해상도별 48dp 픽셀값

mdpi 48px hdpi 72px xhdpi 96px xxhdpi 144px xxxhdpi 192px

 

 

 

# 단위변환 계산해주는 도구

 

- android DP / PX converter : 각 화면 밀도별로 dp를 px로, px을 dp로 확인

http://labs.rampinteractive.co.uk/android_dp_px_calculator/

 

- picplicity DP/PX converter : 각 화면,밀도 별 px, dp, sp, mm, inch, pt 값 확인

https://pixplicity.com/dp-px-converter

 

- cracker9 의 unit converter : 작업하면서 쓰기 유용한 포토샵 플러그인

https://www.adobeexchange.com/creativecloud.details.20685.html

 

 

 

# 앱개발ui 디자인할때 사용해보기 / cracker9

https://blog.naver.com/pis7pis7/221547862054

 

 

 

#DP/PX 계산기

labs.rampinteractive.co.uk/android_dp_px_calculator/