[iOS] 픽셀 (Pixel)과 포인트 (Point)

카테고리	게시글 작성 날짜	게시글 최근 수정 날짜	작성자
iOS	2021.12.05. 14:45	2021.12.05. 14:45	Dev.Yang

 

https://www.youtube.com/watch?v=reldUkH4JSc

🛠 픽셀 (Pixel)

컴퓨터, TV, 모바일 기기 등의 화면 이미지를 구성하는 최소 단위를 일컫는다. 사각형 모양으로, 그 수가 많을수록 고해상도의 선명한 이미지 표현이 가능하다.

---

🛠 DPI (Dots per Inch)

모니터 등의 디스플레이나, 프린터의 해상도 단위이다. 화면 1인치당 몇 개의 도트(점)이 들어가는지를 말한다. 1인치당 표현되는 점의 갯수가 많을수록 더 많은 점의 수로 표현되기 때문에 더욱 해상도가 뛰어나다.

---

🛠 포인트 (Point)

포인트(point)는 타이포그래피에서 사용하는 가장 작은 인쇄 단위로, 파이카를 잘게 나눈 것이다. 흔히 줄여서 pt.로 표기한다. 특히 활자, 폰트의 크기의 단위로 많이 사용되는 단위이다. 예전의 포인트나 지금의 포인트나 모두 12 포인트는 1 파이카를 이루게 된다.

 

Xcode를 통하여 개발 작업을 수행하면서 iOS, macOS, watchOS 등 constraint 또는 constant 값을 설정할 때의 값들은 모두 포인트 (Point) 단위입니다.

 

The Ultimate Guide To iPhone Resolutions

 

위의 이미지처럼 다양한 해상도를 가진 아이폰들이 출시되면서 하나의 포인트에 대하여 하나의 픽셀이 대응하는 형태에서 하나의 포인트에 여러개의 픽셀이 존재하는 형태로 변경이 되었습니다. 아래의 도표와 이미지를 통하여 포인트 당 대응하는 픽셀을 확인할 수 있습니다.

 

 

Device Model	포인트 (Point)	픽셀 (Pixel)	Display Type
iPhone 2G iPhone 3G iPhone 3GS	1 Point	1 Pixel	-
iPhone 4 iPhone 5 iPhone 6	1 Point	4 Pixel	Retina
iPhone X, Xs iPhone 6+, 7+, 8+ iPhone Xs Max	1 Point	9 Pixel	Super Retina
iPhone 11 Pro iPhone 11 Pro Max iPhone 12 mini iPhone 12 iPhone 12 Pro iPhone 12 Pro Max iPhone 13 mini iPhone 13 iPhone 13 Pro iPhone 13 Pro Max	1 Point	9 Pixel	Super Retina XDR

 

해당 도표에 제시 된 값처럼 Apple Device Pixel을 구하는 공식은 (Point * DPI) / 163 통하여 대략적인 Pixel 값을 구할 수 있습니다.

---

🚀 REFERENCE

The Ultimate Guide To iPhone Resolutions

dpi

픽셀

Mobile design 101: pixels, points and resolutions