iOS) iPhone 14 스크린 사이즈 알아보기

How iOS Apps Adapt to the various iPhone 14 Screen Sizes

iPhone 14 Screen Sizes

레츠 스위프트 레터에서 소개해준 위의 iPhone 14 의 스크린 사이즈 관련 포스팅을 읽고, 정리하였습니다.

큰 변화는 Pro 모델에 있습니다.

Always-On 디스플레이와 notch 는 notification 과 activities 를 표시하도록 확장되는 dynamic island 로 대체되었습니다.

iPhone 14

• Screen resolution(화면 해상도): 390 x 844(points)

iPhone 14 는 12, 12 Pro, 13, 13 Pro 와 화면 크기가 동일합니다.

status bar(상태 표시줄)의 높이는 47포인트이고, 다음과 같은 safe area insets 을 제공합니다.

• Safe Area Insets (portrait): top: 47, bottom: 34, left: 0, right: 0
• Safe Area Insets (landscape): top: 0, bottom: 21, left: 47, right: 47

iPhone 14 Plus

• Screen resolution(화면 해상도): 428 x 926(points)

iPhone 14 Plus 는 12 Pro Max, 13 Pro Max 와 화면 크기가 동일합니다.

status bar(상태 표시줄)의 높이는 47포인트이고, 다음과 같은 safe area insets 을 제공합니다.

(iPhone 14 와 동일합니다.)

• Safe Area Insets (portrait): top: 47, bottom: 34, left: 0, right: 0
• Safe Area Insets (landscape): top: 0, bottom: 21, left: 47, right: 47

iPhone 14 Pro

• Screen resolution(화면 해상도): 393 x 852(points)

iPone 14 Pro 는 13 Pro 대비 너비 3 포인트 높이 8 포인트 커졌습니다.

status bar(상태 표시줄)의 높이는 54포인트로 iPhone 14 의 47 보다 증가하였지만, top safe area inset 은 59 포인트입니다. 다음과 같은 safe area insets 을 제공합니다.

• Safe Area Insets (portrait): top: 59, bottom: 34, left: 0, right: 0
• Safe Area Insets (landscape): top: 0, bottom: 21, left: 59, right: 59

iPhone 14 Pro Max

• Screen resolution(화면 해상도): 430 x 932(points)

iPone 14 Pro Max 는 13 Pro Max 대비 너비 2 포인트 높이 6 포인트 커졌습니다.

status bar(상태 표시줄)의 높이도 47 포인트에서 54 포인트로 증가했지만, top safe area inset 은 59 포인트입니다. 다음과 같은 safe area insets 을 제공합니다.

• Safe Area Insets (portrait): top: 59, bottom: 34, left: 0, right: 0
• Safe Area Insets (landscape): top: 0, bottom: 21, left: 59, right: 59

👉 minimum deployment target of iOS 13

iOS 13 최소 배포 대상으로 다음과 같은 11가지 iPhone 화면 크기가있습니다.(새로운 모델은 볼드체입니다.)

• 6.7" (430 x 932 points @3x)
• iPhone 14 Pro Max
• 6.7" (428 x 926 points @3x)
• iPhone 14 Plus, iPhone 13 Pro Max, iPhone 12 Pro Max
• 6.5" (414 x 896 points @3x)
  iPhone 11 Pro Max, iPhone XS Max
• 6.1" (393 x 852 points @3x)
• iPhone 14 Pro
• 6.1" (390 x 844 points @3x)
• iPhone 14, iPhone 13 Pro, iPhone 13, iPhone 12 Pro, iPhone 12
• 6.1" (414 x 896 points @2x)
  iPhone 11, iPhone XR
• 5.8" (375 x 812 points @3x)
  iPhone 11 Pro, iPhone XS, iPhone X
• 5.5" (414 x 736 points @3x)
  iPhone 8 Plus, iPhone 7 Plus, iPhone 6S Plus
• 5.4" (375 x 812 points @3x)
  iPhone 13 mini, iPhone 12 mini
• 4.7" (375 x 667 points @2x)
  iPhone SE (3rd & 2nd Gen), iPhone 8, iPhone 7, iPhone 6S
• 4" (320 x 568 @2x)
  iPhone SE (1st Gen), iPod Touch (7th Gen)

(iPhone 6S 와 iPhone 6S Plus 이후 출시 모델은 모두 지원합니다.)

참고:

Layout - Foundations - Human Interface Guidelines - Design - Apple Developer