iOS 런처이미지 사이즈표

설명

런처이미지 사이즈에 대해서 포스팅 하겠습니다. 3.5인치에서 4인치 화면만 있다가 4.7인치와 5.5인치가 추가될때 런처이미지를 추가 하지 않으면 4.7과 5.5인치에서는 그냥 확대된 상태로만 나오던 적이 있었습니다. 애플에서 설명을 하는 런처이미지는 이렇습니다.

A launch screen appears instantly when your app starts up. The launch screen is quickly replaced with the first screen of your app, giving the impression that your app is fast and responsive. The launch screen isn’t an opportunity for artistic expression. It’s solely intended to enhance the perception of your app as quick to launch and immediately ready for use. Every app must supply a launch screen.

앱이 시작되면 즉시 런처이미지가 나타납니다. 런치이미지는 빠르게 앱의 시작화면으로 바뀌어서 빠르게 반응하는 것 같은 인상을 줍니다. 런처이미지는 예술적으로 표현하는 곳이 아닙니다. 다만 앱이 즉시 사용 준비가 된 상태라는 것을 알려주기 위한 용도로만 사용도비니다. 모든 앱에서는 런처이미지를 제공해야됩니다. (직역입니다. 틀린부분이 있을텐데 그냥 넘어가주세요.. 영어공부 열심히 하겠습니다…)

앱이 시작되는 부분에서 나타나는 화면이고, 앱이 사용할 준비가 끝나면서 사라지는 장면이라는 것입니다.

 

이미지 사이즈 표

DevicePortrait size(세로 방향)Landscape size(가로 방향)

12.9” iPad Pro	2048px × 2732px	2732px × 2048px
10.5” iPad Pro	1668px × 2224px	2224px × 1668px
9.7” iPad	1536px × 2048px	2048px × 1536px
7.9” iPad mini 4	1536px × 2048px	2048px × 1536px
iPhone X	1125px × 2436px	2436px × 1125px
iPhone 8 Plus	1242px × 2208px	2208px × 1242px
iPhone 8	750px × 1334px	1334px × 750px
iPhone 7 Plus	1242px × 2208px	2208px × 1242px
iPhone 7	750px × 1334px	1334px × 750px
iPhone 6sPlus	1242px × 2208px	2208px × 1242px
iPhone 6s	750px × 1334px	1334px × 750px
iPhone SE	640px × 1136px	1136px × 640px

 

맞치며

사실 LaunchScreen.storyboard 여기서 통합적으로 해주면 되기는 합니다. 오토레이아웃도 사용할 수 있고요. 아이폰x에서 탭바가 네이비게이션 이동을 탭바를 사라지게 하는 hidesBottomBarWhenPushed 옵션을 주게 되면 위로 올라갔다가 사라지는 이슈가 있는데,, 아이폰x 런처 이미지를 넣어주면 해결 된다는 글을 본적이 있습니다. (적용을 해봤지만 실패 해서 일단 다른 방법을 사용 하고 있습니다.) 필요로 하면 넣어주는게 맞는거 같습니다. 포스팅에 잘못된점이 있으면 댓글 달아주시면 수정하도록 하겠습니다.

출처: https://devsc.tistory.com/80 [You Know Programing?]

 

1) Android Icon Size

LDPI : 36x36 px

MDPI : 48x48 px

HDPI : 72x72 px

XHDPI : 96x96 px

XXHDPI : 144x144 px

XXXHDPI : 192x192 px

Market : 512x512 px

 

2) Android Splash Image Size

LDPI:

Portrait: 200x320 px

Landscape: 320x200 px

MDPI:

Portrait: 320x480 px

Landscape: 480x320 px

HDPI:

Portrait: 480x800 px

Landscape: 800x480 px

XHDPI:

Portrait: 720px1280 px

Landscape: 1280x720 px

XXHDPI:

Portrait: 960px1600 px

Landscape: 1600x960 px

XXXHDPI:

Portrait: 1280x1920 px

Landscape: 1920x1280 px

 

3) iOS Icon Size

iPhone : 57x57 px

iPad : 72x72 px

iPhone4 Retina : 114x114px

iPad3 Retina : 144x144 px

iTunes : 1024x1024 px

AppStore : 175x175 px

 

4) iOS Splash Image Size

Tablet (iPad)

Non-Retina (1x)

Portrait: 768x1024 px

Landscape: 1024x768px

Retina (2x)

Portrait: 1536x2048 px

Landscape: 2048x1536 px

Handheld (iPhone, iPod)

Non-Retina (1x)

Portrait: 320x480 px

Landscape: 480x320 px

Retina (2x)

Portrait: 640x960 px

Landscape: 960x640 px

iPhone 5 Retina (2x)

Portrait: 640x1136 px

Landscape: 1136x640 px

iPhone 6 (2x)

Portrait: 750x1334 px

Landscape: 1334x750 px

iPhone 6 Plus (3x)

Portrait: 1242x2208 px

Landscape: 2208x1242 px

 

 

https://smartstore.naver.com/byrollin?

바이롤린 : 네이버쇼핑 스마트스토어