iOS 애플리케이션 스플래시 화면에 사용되는 크기는 무엇입니까?


96

iOS SDK를 사용하여 애플리케이션을 개발 중입니다. 필요한 Default스플래시 화면 크기 를 알아야 합니다.


2
제쳐두고 : iOS는 스플래시 화면 사용을 권장하지 않습니다. 대신 시작 이미지를 사용하십시오. 기술적으로는 동일하지만 개념적으로는 다릅니다. 스플래시 화면은 일반적으로 브랜딩 이미지로 사용되는 반면, 시작 화면은 사용자에게 앱이 더 빨리로드되고 있다는 인상을주는 UI의 미리 렌더링 된 이미지입니다. 이 문제에 대한 iOS 휴먼 인터페이스 지침
Hugo A

답변:


179

2018 업데이트-이 정보를 사용하지 마십시오!

나는 참고 목적으로 아래 게시물을 떠날 것입니다.

시작 화면 및 권장 사항에 대한 자세한 내용은 Apple 문서 휴먼 인터페이스 지침-시작 화면 을 참조하십시오.

감사합니다
Drekka


2012 년 7 월-이 답변은 다소 오래되었지만 스틸이 인기있는 것 같습니다. Apple의 doco를 기반으로 블로그 게시물을 작성하고 블로그에 게시 했습니다 . 여러분이 유용하다고 생각하길 바랍니다.

예. iPhone / iPad 개발에서는 Default.png파일이 장치에 의해 자동으로 표시되므로 정말 유용한 프로그램을 만들 필요가 없습니다. 나는 그것을 가지고 있지 않지만 특정 이름을 가진 iPad에 대해 다른 PNG가 필요합니다. 나는 검색 하고 phunkwerks 사이트 에서이 정보iPad default png얻었습니다 .


iPad 시작 이미지 방향

다양한 방향 옵션을 처리하기 위해 iPad 시작 이미지에 대한 새로운 명명 규칙이 만들어졌습니다. iPad의 화면 크기는 768 × 1024이며 높이를 따르는 치수는 20 픽셀 상태 표시 줄을 고려합니다.

파일 이름 치수

  • Default-Portrait.png * — 768w x 1024h
  • Default-PortraitUpsideDown.png — 768w x 1024h
  • Default-Landscape.png ** — 1024w x 748h
  • Default-LandscapeLeft.png — 1024w x 748h
  • Default-LandscapeRight.png — 1024w x 748h
  • iPad-Retina–Portrait.png — 1536w x 2048h
  • iPad-Retina–Landscape.png — 2048w x 1496h
  • Default.png — 권장하지 않음

* — Default-PortraitUpsideDown.png파일을 지정하지 않은 경우이 파일이 우선합니다.

** — Default-LandscapeLeft.png또는 Default-LandscapeRight.png이미지 파일을 지정하지 않은 경우이 파일이 우선합니다.

"Apple의 개발자 라이브러리"에 대한이 링크 도 유용합니다.


16
Default.png는 해당 장치에서 범용 응용 프로그램을 실행할 때 iPhone에 사용되는 것이므로 표준 320 x 480 또는 320 x 460 이미지 여야합니다. "권장되지 않음"은 iPad 전용 응용 프로그램에만 해당됩니다.
Brad Larson

2
감사! 나는 이제 768w x 1024h의 Default-Portrait.png를 사용하고 있습니다.이 크기도 작동하는 것 같습니다.
powtac

1
내 앱은 기본적으로 가로 모드에서 작동합니다. 그러나 iPhone의 가로 기본 이미지를 어떻게 지정할 수 있습니까?
Satyam

2
현지화 된 버전을 사용하는 경우 이러한 파일을 루트 폴더에서 제거하고 <language> .lproj 디렉터리에 넣어야합니다.
Jose Muanis

3
게시물의 블로그 링크가 더 이상 작동하지 않습니다. 위의 Apple 개발자 웹 링크도 더 이상 작동하지 않습니다.
physicalattraction

31

2013 년 7 월 (iOS 6) 현재 우리가 항상 사용하는 것은 다음과 같습니다.

IPHONE SPLASH 
Default.png - 320 x 480
Default@2x.png - 640 x 960 
Default-568h@2x.png - 640 x 1096 (with status bar)
Default-568h@2x.png - 640 x 1136 (without status bar)

IPAD SPLASH 
iPadImage-Appname-Portrait.png * 768w x 1004h (with status bar)
iPadImage-Appname-Portrait@2x.png * 1536w x 2008h (with status bar)
iPadImage-Appname-Landscape.png ** 1024w x 748h (with status bar)
iPadImage-Appname-Landscape@2x.png ** 2048w x 1496h (with status bar)

iPadImage-Appname-Portrait.png * 768w x 1024h (without status bar)
iPadImage-Appname-Portrait@2x.png * 1536w x 2048h (without status bar)
iPadImage-Appname-Landscape.png ** 1024w x 768h (without status bar)
iPadImage-Appname-Landscape@2x.png ** 2048w x 1536h (without status bar)

ICON
Appname-29.png
Appname-29@2x.png
Appname-50.png
Appname-50@2x.png
Appname-57.png
Appname-57@2x.png
Appname-72.png
Appname-72@2x.png
iTunesArtwork (512px x 512px)
iTunesArtwork@2x (1024px x 1024px)

4
Default-568h@2x.png는 640 x 1136이 아니어야합니까?
UXUiOS 2013

16

iOS7의 경우 다음 크기로 시작 이미지를 만듭니다.

iPhone 5 및 iPod touch (5 세대) :

  • 640 x 1136 픽셀

다른 iPhone 및 iPod touch 장치의 경우 :

  • 640 x 960 픽셀
  • 320 x 480 픽셀 (표준 해상도)

iPad 세로 :

  • 1536 x 2048 픽셀
  • 768 x 1024 픽셀 (표준 해상도)

iPad 가로 방향 :

  • 2048 x 1536 픽셀
  • 1024 x 768 픽셀 (표준 해상도)

참조 아이폰 OS 7 디자인 지원> 아이폰 OS 휴먼 인터페이스 가이드 라인> 실행 이미지

업데이트 1

iPhone 6의 경우 :

  • 750 x 1334 (@ 2x) (세로)
  • 가로 방향의 경우 1334 x 750 (@ 2x)

iPhone 6 Plus의 경우 :

  • 세로 : 1242 x 2208 (@ 3x)
  • 가로 용 2208 x 1242 (@ 3x)

업데이트 2

iPhone X의 경우 :

  • 세로 용 1125 x 2436 (@ 3x)
  • 가로 방향의 경우 2436 x 1125 (@ 3x)

형님, 제 질문을 확인해 주 시겠습니까? stackoverflow.com/questions/43955856/… ?
May Phyu

1
여기에 각 항목에 대한 파일 이름과 이미지 해상도가있는 멋진 테이블이 있었으면 좋겠습니다. iOS 5,6,7은 잊어 버렸습니다. 우리는 2017 년에있어
computingfreak

8

1024 x 768로 만들 수 있습니다. plist 파일에서 "상태 표시 줄이 처음에 숨겨져 있음"을 확인할 수도 있습니다.


5

2020 업데이트-Xcode 11

Xcode 11 1x, 2x 및 3x 배율로 하나의 이미지 만 제공 한 다음 LaunchScreen.storyboard화면을 채우도록 설정하면 모든 것이 잘됩니다!

예 : (1242pt x 2688pt @ 1x)

이것은 iPhone 11 Pro Max큰 iPhone 화면 크기이지만 세로 화면 크기 이므로 모든 iOS 장치에서 고품질 스플래시 화면을 제공합니다.

2019 업데이트-iOS 12

스플래시 화면에 필요한 모든 크기를 수집했습니다. 이 크기의 이미지를 끌어서 놓기 만하면 Xcode가 각 크기를 올바른 위치에 배치합니다.

행운을 빕니다.

크기 :

320 × 480

640 × 960

640 × 1136

750 × 1334

768 × 1004

768 × 1024

828 × 1792

1024 × 748

1024 × 768

1125 × 2436

1242 × 2208

1242 × 2688

1536 × 2008

1536 × 2048

1792 년 × 828

2048 × 1496

2048 × 1536

2208 × 1242

2436 × 1125

2688 × 1242

노트

필요한 이미지의 수는 26 개의 이미지이지만 6 개의 중복 된 크기가 있으므로 위 크기는 20 개에 불과합니다.


스플래시 화면에만 20 개의 다른 이미지가 필요합니까? 정말?
Tejas K

예. 그렇게 어렵지 않습니다! 디자이너는 쉽게해야합니다.
Essam Mohamed Fahmi

당신은 모든 규모의 필요한 모든 시작 생성합니다 .. 하나의 이미지를 제공하여 .. 모든 온라인 시작 화면 생성기를 이렇게 사용할 수 있습니다
쿠마

3

여기에서 iphone 6 및 6+ 크기에 대한 해상도 및 디스플레이 사양을 추가 할 수 있습니다.

iPhone 6+-자산 해상도 (@ 3x)-해상도 (2208 x 1242) px

iPhone 6-자산 해상도 (@ 2x)-해상도 (1334 x 750) px

iPad Air / Retina iPad (1 세대 및 2 세대 / 3 세대 및 4 세대)-자산 해상도 (@ 2x)-해상도 (2048 x 1536) px

iPad Mini (2 세대 및 3 세대)-자산 해상도 (@ 2x)-해상도 (2048 x 1536) px

iPhone (6, 5S, 5, 5C, 4S, 4)-앱 아이콘 (120x120 픽셀)-AppStore 아이콘 (1024x1024 픽셀)-스포트라이트 (80x80 픽셀)-설정 (58x58 픽셀)

iPhone (6+)-앱 아이콘 (180x180 픽셀)-AppStore 아이콘 (1024x1024 픽셀)-스포트라이트 (120x120 픽셀)-설정 (87x87 픽셀)



iPhone 6 : 세로 용 750 x 1334 (@ 2x) 가로 용 1334 x 750 (@ 2x) iPhone 6 Plus 용 : 세로 용 1242 x 2208 (@ 3x) 가로 용 2208 x 1242 (@ 3x)
imti

@imti, 내 질문을 확인해 주 시겠습니까? stackoverflow.com/questions/43955856/… 형?
May Phyu

@MayPhyu 죄송합니다 형, 갑작스러운 이유로 연락이 끊겼습니다. 문제가 해결 되었기를 바랍니다. 그래도 확인되지 않으면 알려주세요.
imti 2015-06-09

형 @imti, 괜찮아 형. 수정되었습니다. 하지만 문제가 있습니다. 이 링크를 확인하도록 도와 주 시겠습니까? stackoverflow.com/questions/44304498/… ?
May Phyu

3

Xcode 9 및 최신 장치의 경우

초상화

아이폰 4 / 4S 640 x 960

iPhone 5 / 5C / 5S iPod touch 5 세대 640 x 1136

아이폰 6/7/8 7 50 x 1334

아이폰 6/7/8 플러스 1242 x 2208

아이폰 X 1125 x 2436

iPad 비 Retina 768 x 1024

iPad 레티 나 1536 x 2048

경치

아이폰 6, 7, 8 플러스 2208 x 1242

아이폰 X 2436 x 1125

레티 나 이외의 iPad 1024 x 768

iPad 레티 나 2048 x 1536



1

범용 앱을 사용하면 iPad 스플래시 화면이 시뮬레이터에 표시되었지만 장치에는 표시되지 않았습니다. 대신 iPad는 iPhone 용 Default.png 스플래시를 표시합니다. Default-Landscape.png 및 Default-Portrait.png 파일이 존재합니다. 창 | 화면 캡처를 사용하여 화면 캡처를 만들었으므로 해상도가 정확해야합니다. 주최자 | 스크린 샷과 iPad의 경우 '기본 이미지로 저장'을 사용한 다음 이름을 변경했습니다.

어쨌든 내 하나의 앱에서 두 개의 iPad 스크린 샷을 Resources-iPad 디렉토리로 이동해야합니다. 그러면 모든 것이 잘 작동합니다. 지금 당연한 것 같지만 다른 사람이 이것 때문에 잠을 잃었을 경우를 대비해 ...-래리


1

Adobe AIR iOS 개발자의 경우 iPad 스플래시 이미지가 "이동"하거나 1 초 후에 표시 및 크기 조정되면 사용중인 AIR 버전에 따라 크기가 다르기 때문입니다.

Default-Portrait.png :
768 x 1004 (AIR 3.3 이하)
768 x 1024 (AIR 3.4 이상)

Default-Portrait@2x.png :
1536 x 2008 (AIR 3.3 이하)
1536 x 2048 (AIR 3.4 이상)

참조 :
http://help.adobe.com/en_US/air/build/WS901d38e593cd1bac1e63e3d129907d2886-8000.html#WS901d38e593cd1bac58d08f9112e26606ea8-8000

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.