본문 바로가기
Web design

픽셀과 DP

by Hyonixk 2021. 10. 31.
728x90

 

px (pixel)

화면을 구성하는 기본 단위로, 스크린에 표현할 수 있는 가장 작은 점 하나라고 할 수 있다. 절대적 표시 단위라서 지정한 수치의 이상일 경우 깨져 보일 수 있다.


dpi (dots per inch) 

1인치에 들어가는 점들의 개수를 의미하며, 이를 dpi단위로 표현한다. 1인치 안에 72px가 들어가있다면 72dpi이다.

보통 웹이미지를 72dpi로, 인쇄물을 300dpi로 작업하는데 여기에서 '해상도(resolution)'라는 단어를 쓰게된다. 수치가 높을 수록 고해상도이므로 72dpi는 저해상도, 300dpi는 고해상도이다.


dp (Density-independent Pixels)

밀도 독립적 픽셀이란 안드로이드 OS에서 정의한 논리적 픽셀이다. 기기의 밀도에 상관없이 물리적으로 거의 동일한 크기를 나타내므로 다양한 해상도의 기기에서 디자인을 보다 잘 제어할 수 있다.


  

www.altova.com

  

 

dp 단위를 픽셀 단위로 변환하는 공식

px = dp * (dpi / 160)

 

sp (Scale-independent Pixels)

sp는 dp와 같은 크기이지만 텍스트의 크기를 지정할 때 사용하는 단위로 사용한다. 사용자가 장치의 시스템 설정에서 선택한 텍스트 크기를 기반으로 추가 배율이 있기 때문에 텍스트가 아닌 구성 요소의 단위로 sp를 사용하지 않아야 한다.

 

 

 

 

 

참조 및 이미지 사용
https://developer.android.com/training/multiscreen/screendensities?hl=ko
https://www.altova.com/manual/MobileTogether/mobiletogetherdesigner/mtdobjsfeatures_sizes.html

 

반응형

'Web design' 카테고리의 다른 글

벡터 그래픽 SVG 파일 저장 및 코드 변환  (0) 2021.06.26
모바일 앱의 종류  (0) 2020.09.10