[iOS/Swift] pt 단위 말고 px 단위로 계산하기

1 pixel

• 이미지를 형성하는 가장 작은 정사각형
• 픽셀 크기의 변화
  • 레티나 디스플레이 이전에 1인치 사각형에 들어가는 픽셀 수 163개
  • 레티나 디스플레이 출시 후 1인치 디스플레이에 326 픽셀을 저장할 수 있게 됨 (1인치 안에 들어가는 픽셀의 갯수가 많아지므로 픽셀의 상대적인 크기가 작아진 것)
  • 이 문제를 해결하고자 1pt의 개념 도입

 

1pt

• 같은 크기의 버튼을 그리기 위해서 @1x는 1배, @2x는 2배의 픽셀 값이 필요함
• 1pt = scale * 1px

ex

10 픽셀의 값을 얻고 싶은 경우 스케일로 나눔

let k10PX: CGFloat = (10.0 / UIScreen.main.scale)

 

iPhone 14 Pro Max의 경우 @3x이므로 iPhone 14 Pro Max에서의 1px는 실제 3px를 의미함

https://developer.apple.com/design/human-interface-guidelines/foundations/layout/

 

 

Pexels에서 Anete Lusina님의 사진: https://www.pexels.com/ko-kr/photo/crt-tv-5721910/

참고 사이트 및 도서

https://medium.com/hemisphereco/what-is-px-what-is-a-pt-what-is-dp-ecaefefa25a2