dp px sp 차이

[murjune]

px(pixel)

화면의 물리적인 단위입니다.
화면의 해상도와 크기에 따라 pixel의 크기는 달라집니다.

다양한 해상도에 따라 일관된 ui를 보여줄수 없어 안드에선 잘 사용하지 않습니다.

dp(density independent pixel)

화면 밀도와 독립적인 단위로서 화면의 밀도에 따라 크기가 달라집니다. 다양한 해상도에 일관된 ui 크기를 지원하기 위해 안드로이드에서는 dp 를 사용합니다.

• 160dpi 화면에서 1dp 는 1px크기를 갖고 dpi가 클수록 1dp는 더 큰 px값을 갖습니다.

해상도란?

디바이스 화면의 가로 px수 x 세로 px수를 나타냅니다.

예) 1920 x 1080 해상도 (가로 1920px 세로 1080px)

일반적으로 높은 해상도를 갖을수록 더 많은 px이 화면에 더 선명하고 디테일한 ui를 나타낼수 있지만, 화면의 크기(밀도)에 따라 달라집니다.

dpi/density 란?

dpi(dots per inch)는 화면의 density를 나타내는 단위입니다. 인치당 픽셀수를 나타내며 dpi가 높을수록 고화질을 지원합니다.

동일한 해상도값을 갖더라도 기기의 크기가 다르다면 dpi가 달라질수 있습니다.

ex)

1920 x 1080 해상도, 5인치 : 고밀도 dpi
1920 x 1080 해상도, 10인치 : 저밀도 dpi

sp (scale independent pixel)

크기에 독립적인 단위로 텍스트 font 크기 에 많이 사용합니다. 기본적으로 dp와 동일한 방식으로 크기를 조정하지만, 사용자가 시스템에서 설정한 글꼴 크기에 반영됩니다.

디자이너와 합의하에 dp를 쓸지 sp를 쓸지 논의하는것이 좋다.