riverlee1132의 공책
화면에서 사용하는 단위 본문
픽셀
단순히 화면의 크기에 영향을 받는게 아니라 화면의 밀도에 영향을 받는다. 같은 크기의 화면이더라도 화면의 밀도가 높은 화면에서는 오브젝트가 작게, 밀도가 낮은 화면에서는 오브젝트가 크게 보인다.
ppi
1인치당 표시되는 픽셀의 수. 화면 1인치당 픽셀의 수가 높을 수록 밀도가 높고, 픽셀의 수가 적을 수록 밀도가 낮다. 가로 픽셀 수, 세로 픽셀 수를 곱한 '면'이 '해상도'가 된다.
ex: FHD 크기인 1920 x 1080 해상도는 가로 1920픽셀, 세로 1080 픽셀이므로 약 210만 픽셀을 가지고 있다.
즉, 모니터의 해상도가 높아질 수록 내가 디자인한 100px이 작게 보이는 것이다. 우리가 흔히 '고화질 이미지'라고 하는 파일들의 해상도를 보면 가로 2560 이상인 것이 많은데 그만큼 이미지가 표현할 수 있는 픽셀이 많아서 더 세밀한 표현을 할 수 있다는 의미이다. 어도비 일러스트레이터로 새 문서를 만들 때 ppi를 선택하도록 되어 있는데 일러스트레이터 또는 디자이너가 위와 같은 이유 때문에 150ppi, 300ppi로 작업하게 된다.
dp
화면 밀도에 따라 다른 비율로 보이는 픽셀과는 다르게, 동일한 비율로 표시해주는 단위이다. 안드로이드 OS에서 사용한다.
'오답노트' 카테고리의 다른 글
| [바닐라JS] 클릭하면 텍스트 변경 (0) | 2023.01.04 |
|---|---|
| [머티리얼] large screens (0) | 2022.12.06 |
| [바닐라JS] HTML의 요소를 JS로 가져오기 (0) | 2022.11.30 |