"px", "in", "mm", "pt", "dp", "dip", "sp" 등 각종 단위 설명과 차이점

개발이나 디자인을 하다보면 각종 단위들이 나오는데 그 단위들의 설명과 차이점들을 알아보겠습니다.

 

• px : 화면의 실제 픽셀(Pixels)을 의미합니다.
• in : 화면의 물리적 크기를 기준으로 하며 1인치는 2.54cm를 의미합니다.
• mm : 밀리미터이며 화면의 물리적 크기를 기준으로 합니다.
• pt : point(포인트)로써 화면의 물리적 크기를 기준으로 1/72인치입니다.
• dp 또는 dip : Density로 화면의 물리적 밀도를 기반으로 하는 추상 단위입니다. 이 단위는 160dpi 화면에 상대적이므로 1dp는 160dpi 화면에서 1픽셀이라고 보면 됩니다.
• sp : 확장 가능한 픽셀을 의미하며 dp와 비슷하지만 사용자의 글꼴 크기를 설정에 따라 배율 등의 값이 조정됩니다. 일반 스마트폰이나 테블릿 PC는 화면 크기가 다르므로 이 단위를 사용한다면 화면 대비 글꼴 크기를 동일하게 줄 수 있는 효과는 볼 수 있는 장점이 제일 큽니다.

 

밀도에 관해 추가적으로 비교할만한 차이점은 아래 표를 참고해주세요

밀도 버킷	화면 밀도	물리적 크기	픽셀 크기
ldpi	120 dpi	0.5 x 0.5 in	0.5 인치 * 120dpi = 60x60 px
mdpi	160 dpi	0.5 x 0.5 in	0.5 인치 * 160dpi = 80x80 px
hdpi	240 dpi	0.5 x 0.5 in	0.5 인치 * 240dpi = 120x120 px
xhdpi	320 dpi	0.5 x 0.5 in	0.5 인치 * 320 dpi = 160x160 px
xxhdpi	480 dpi	0.5 x 0.5 in	0.5 인치 * 480dpi = 240x240 px
xxxhdpi	640 dpi	0.5 x 0.5 in	0.5 인치 * 640 dpi = 320x320 px

단위	단위상세	인치 대비 수치	독립적 여부	모든 화면에서 동일한 크기 여부
px	픽셀	환경 따라 다름	아니오	아니오
in	인치	1	예	예
mm	밀리미터	25.4	예	예
pt	포인트	72	예	예
dp	밀도 독립 픽셀	~160	예	아니오
sp	픽셀 크기 조정	~160	예	아니오

 

디자인의 단위와 관련하여 도움이 될만한 링크를 제공하오니 참고 바랍니다.

https://material.io/design/layout/pixel-density.html