Jakie są rozmiary ekranu powitalnego aplikacji na iOS?

97

Tworzę aplikację przy użyciu SDK iOS. Muszę wiedzieć, jakich Defaultrozmiarów ekranu powitalnego potrzebuję.

a111
źródło
2
Na marginesie: pamiętaj, że iOS odradza korzystanie z ekranów powitalnych. Zamiast tego użyj obrazu startowego. Technicznie są takie same, ale koncepcyjnie różne. Ekran powitalny jest zwykle używany jako obraz marki, a ekran uruchamiania to wstępnie renderowany obraz interfejsu użytkownika, który daje użytkownikowi wrażenie, że aplikacja ładuje się szybciej. Sprawdź iOS Human Interface Gudelines w tym względzie
Hugo A

Odpowiedzi:

179

Aktualizacja 2018 - nie używaj tych informacji!

Poniższy post zostawiam w celach informacyjnych.

Zapoznaj się z dokumentacją Apple Wskazówki dotyczące interfejsu ludzkiego - ekrany uruchamiania, aby uzyskać szczegółowe informacje na temat ekranów uruchamiania i zaleceń.

Dzięki
Drekka


Lipiec 2012 - Ponieważ ta odpowiedź jest raczej stara, ale fotosy wydają się popularne. Napisałem post na blogu w oparciu o dokumentację Apple i umieściłem go na swoim blogu . Mam nadzieję, że uznacie to za przydatne.

Tak. W programowaniu na iPhone'a / iPada Default.pngplik jest wyświetlany przez urządzenie automatycznie, więc nie musisz go programować, co jest naprawdę przydatne. Nie mam go przy sobie, ale potrzebujesz różnych plików PNG dla iPada z określonymi nazwami. Google iPad default pngi dostał to info z phunkwerks miejscu:


iPad Uruchom orientacje obrazu

Aby poradzić sobie z różnymi opcjami orientacji, stworzono nową konwencję nazewnictwa dla obrazów uruchamiania iPada. Rozmiar ekranu iPada to 768 × 1024, należy zauważyć, że wymiary podążające za wysokością uwzględniają pasek stanu 20 pikseli.

Wymiary nazwy pliku

  • Default-Portrait.png * - 768 szer. X 1024 godz
  • Default-PortraitUpsideDown.png - 768 szer. X 1024 godz
  • Default-Landscape.png ** - 1024 szer. X 748 godz
  • Default-LandscapeLeft.png - 1024 szer. X 748 godz
  • Default-LandscapeRight.png - 1024 szer. X 748 godz
  • iPad-Retina–Portrait.png - 1536 szer. X 2048 godz
  • iPad-Retina–Landscape.png - 2048 szer. X 1496 godz
  • Default.png - Niepolecane

* - jeśli nie określono Default-PortraitUpsideDown.pngpliku, ten plik będzie miał pierwszeństwo.

** - Jeśli nie określono pliku obrazu Default-LandscapeLeft.pnglub Default-LandscapeRight.png, ten plik będzie miał pierwszeństwo.

Ten link do „Biblioteki programistów Apple” jest również przydatny.

drekka
źródło
16
Zwróć uwagę, że Default.png jest tym, co jest używane dla iPhone'a podczas uruchamiania aplikacji uniwersalnej na tym urządzeniu, więc musi to być standardowy obraz 320 x 480 lub 320 x 460. „Niezalecane” dotyczy tylko aplikacji przeznaczonych wyłącznie na iPada.
Brad Larson
2
Dzięki! Teraz używam Default-Portrait.png o wymiarach 768 x 1024, ten rozmiar też wydaje się działać.
powtac
1
Moja aplikacja będzie domyślnie działać w trybie poziomym. Ale jak mogę określić domyślny obraz poziomy dla iPhone'a?
Satyam
2
Warto zauważyć, że jeśli używasz zlokalizowanych wersji, musisz usunąć te pliki z folderu głównego i umieścić je w katalogu <język> .lproj.
Jose Muanis
3
Link do bloga w poście już nie działa. Powyższy link do strony internetowej programistów Apple również już nie działa.
fizyczne
31

Od lipca 2013 r. (IOS 6) zawsze używamy:

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)
Andrew Johnson
źródło
4
Czy wartość [email protected] nie powinna mieć rozmiaru 640 x 1136?
UXUiOS
16

W przypadku iOS7 utwórz obrazy uruchamiania w następujących rozmiarach:

W przypadku iPhone'a 5 i iPoda touch (5. generacji):

  • 640 x 1136 pikseli

W przypadku innych urządzeń iPhone i iPod touch:

  • 640 x 960 pikseli
  • 320 x 480 pikseli (standardowa rozdzielczość)

Portret na iPada:

  • 1536 x 2048 pikseli
  • 768 x 1024 pikseli (standardowa rozdzielczość)

Krajobraz iPada:

  • 2048 x 1536 pikseli
  • 1024 x 768 pikseli (standardowa rozdzielczość)

Zobacz Zasoby projektowe systemu iOS 7> Wytyczne dotyczące interfejsu ludzkiego systemu iOS> Uruchom obrazy

AKTUALIZACJA 1

W przypadku iPhone'a 6:

  • 750 x 1334 (@ 2x) do portretu
  • 1334 x 750 (@ 2x) dla krajobrazu

Dla iPhone 6 Plus:

  • 1242 x 2208 (@ 3x) do portretu
  • 2208 x 1242 (@ 3x) dla krajobrazu

AKTUALIZACJA 2

W przypadku iPhone'a X:

  • 1125 x 2436 (@ 3x) do portretu
  • 2436 x 1125 (@ 3x) dla krajobrazu
idę
źródło
Stary, czy mógłbyś sprawdzić moje pytanie stackoverflow.com/questions/43955856/… ?
May Phyu
1
Chciałbym, żeby była tu ładna tabela z nazwą pliku i rozdzielczością obrazu dla każdego wpisu, no i zapomnij o iOS 5,6,7. jesteśmy w 2017 r.
computingfreak
8

Możesz ustawić je na 1024 x 768. Możesz również zaznaczyć opcję „Pasek stanu jest początkowo ukryty” w pliku plist.

RanLearns
źródło
6

Aktualizacja 2020 - Xcode 11

W Xcode 11 możesz dostarczyć tylko jeden obraz w skalach 1x, 2x i 3x, a następnie ustawić go tak, LaunchScreen.storyboardaby wypełniał ekran i wszystko idzie dobrze!

Na przykład: (1242 pkt x 2688 pkt @ 1x)

To jest rozmiar ekranu w orientacji pionowej iPhone 11 Pro Max który jest jednak dużym rozmiarem ekranu iPhone'a, dzięki czemu zapewnia wysokiej jakości ekran powitalny na wszystkich urządzeniach z systemem iOS.

Aktualizacja 2019 - iOS 12

Zebrałem wszystkie potrzebne rozmiary ekranu powitalnego. Wystarczy przeciągnąć obrazy o tych rozmiarach i upuścić je, a Xcode umieści każdy rozmiar we właściwym miejscu.

Powodzenia.

Rozmiary:

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

Uwaga

Liczba wymaganych obrazów to 26 obrazów, ale istnieje 6 zduplikowanych rozmiarów, więc stwierdzisz, że powyższe rozmiary to tylko 20.

Essam Mohamed Fahmi
źródło
Więc potrzebuję 20 różnych obrazów tylko na ekran powitalny? Poważnie?
Tejas K
Tak. To nie jest takie trudne! Twój projektant powinien zrobić to łatwo.
Essam Mohamed Fahmi
Możesz użyć dowolnego generatora ekranów powitalnych online ... więc dostarczając pojedynczy obraz ... wygeneruje wszystkie wymagane splashy wszystkich rozmiarów
kumar
Jakie powinno być DPI przy tych rozmiarach podczas projektowania w programie Photoshop 72, 300 lub innym?
Sadhu Harivandandas
3

Tutaj mogę dodać rozdzielczości i specyfikacje wyświetlania dla rozmiaru iPhone 6 i 6+:

iPhone 6+ - Rozdzielczość zasobów (@ 3x) - Rozdzielczość (2208 x 1242) piks

iPhone 6 - Rozdzielczość zasobów (@ 2x) - Rozdzielczość (1334 x 750) pikseli

iPad Air / Retina iPad (1. i 2. generacja / 3. i 4.) - Rozdzielczość zasobów (@ 2x) - Rozdzielczość (2048 x 1536) pikseli

iPad Mini (2. i 3. generacji) - Rozdzielczość zasobów (@ 2x) - Rozdzielczość (2048 x 1536) pikseli

iPhone (6, 5S, 5, 5C, 4S, 4) - Ikona aplikacji (120x120 pikseli) - Ikona AppStore (1024x1024 pikseli) - Wyróżnione (80x80 pikseli) - Ustawienia (58x58 pikseli)

iPhone (6+) - Ikona aplikacji (180x180 pikseli) - Ikona AppStore (1024x1024 pikseli) - Wyróżnione (120x120 pikseli) - Ustawienia (87x87 pikseli)

imti
źródło
iPhone 6+ ma rozdzielczość 1242x 2208. [( developer.apple.com/library/ios/documentation/UserExperience/…
Sumeet Mourya
Dla iPhone 6: 750 x 1334 (@ 2x) dla pionu 1334 x 750 (@ 2x) dla poziomego Dla iPhone 6 Plus: 1242 x 2208 (@ 3x) dla pionowego 2208 x 1242 (@ 3x) dla poziomego
imti
@imti, czy mógłbyś sprawdzić moje pytanie stackoverflow.com/questions/43955856/ ... bracie?
May Phyu
@MayPhyu Przepraszam, stary, straciłem kontakt z nagłego powodu. Mam nadzieję, że Twój problem został rozwiązany. Jeśli nadal nie jest jasne, daj mi znać.
imti
bro @imti, w porządku stary. Naprawiono. Ale mam jakiś problem. Czy mógłbyś mi pomóc sprawdzić ten link stackoverflow.com/questions/44304498/… ?
Maj Phyu
3

Dla Xcode 9 i najnowszych urządzeń

Portret

iPhone 4 / 4S 640 x 960

iPhone 5 / 5C / 5S iPod touch 5. generacji 640 x 1136

iPhone 6/7/8 7 50 x 1334

iPhone 6/7/8 Plus 1242 x 2208

iPhone X 1125 x 2436

iPad bez siatkówki 768 x 1024

iPad Retina 1536 x 2048

Krajobraz

iPhone 6, 7 i 8 oraz 2208 x 1242

iPhone X 2436 x 1125

iPad bez siatkówki 1024 x 768

iPad Retina 2048 x 1536

Ghulam Rasool
źródło
1

Dzięki uniwersalnej aplikacji ekran powitalny iPada był wyświetlany w symulatorze, ale nie na urządzeniu. Zamiast tego iPad wyświetli powitalny obraz Default.png dla iPhone'a. Istniejące pliki Default-Landscape.png i Default-Portrait.png, więc co? Rozdzielczość powinna być poprawna, ponieważ zrobiłem zrzuty ekranu za pomocą Window | Organizator | Zrzuty ekranu i użyłem „Zapisz jako obraz domyślny” dla iPada, a następnie po prostu zmieniono jego nazwę.

Okazuje się (z mojej jednej aplikacji) dwa zrzuty ekranu iPada muszą zostać przeniesione do katalogu Resources-iPad. Wtedy wszystko działa dobrze. Wydaje się to teraz oczywiste, ale na wypadek, gdyby ktoś inny stracił sen przez to ... -Larry

LDanberger
źródło
1

Programiści Adobe AIR dla iOS powinni pamiętać, że jeśli obrazy powitalne iPada „przesuwają się” lub wyświetlają i skalują sekundę później, dzieje się tak dlatego, że istnieją różne wymiary w zależności od używanej wersji AIR.

Default-Portrait.png:
768 x 1004 (AIR 3.3 i starsze)
768 x 1024 (AIR 3.4 i nowsze)

[email protected]:
1536 x 2008 (AIR 3.3 i starsze)
1536 x 2048 (AIR 3.4 i nowsze)

Źródła:
http://help.adobe.com/en_US/air/build/WS901d38e593cd1bac1e63e3d129907d2886-8000.html#WS901d38e593cd1bac58d08f9112e26606ea8-8000

Matt Cardoza
źródło