예시
| 뷰 크기 | scale | 실제 픽셀 |
|---|---|---|
| 100pt x 100pt | 2.0 | 200px x 200px |
| 100pt x 100pt | 3.0 | 300px x 300px |
| 44pt 높이 버튼 | 3.0 | 132px 높이 |
UIKit Basics
pt, px, scale 개념 정리
iOS UI에서 레이아웃 단위인 pt와 실제 픽셀 px, 그리고 디바이스 배율인 scale의 관계를 정리한다.
학습 날짜
2026-04-29
핵심 한 줄
px = pt × scale
pt = px / scale- pt: 오토레이아웃/프레임에서 쓰는 논리 단위
- px: 실제 화면 픽셀 개수
- scale: 1pt를 몇 px로 그릴지 (보통 2.0, 3.0)
왜 중요한가
- 큰 원본 이미지를 작은 pt 영역에 그대로 쓰면 메모리 낭비
- 다운샘플 목표값을 pt 기준으로 계산할 때 scale을 곱해야 정확함
- 디자인 시안(px)과 코드(pt) 변환 시 오해를 줄일 수 있음
실무 적용 예 (다운샘플 목표 픽셀)
let targetSizeInPt = imageView.bounds.size
let scale = UIScreen.main.scale
let maxPixelSize = max(targetSizeInPt.width, targetSizeInPt.height) * scale
// maxPixelSize를 DownsamplingImageProcessor나 ImageIO thumbnail 옵션에 사용뷰가 120pt이고 scale이 3이면, 대략 360px 기준으로 다운샘플하는 게 적절하다.