Quelles sont les tailles utilisées pour l'écran de démarrage de l'application iOS?

97

Je développe une application à l'aide du SDK iOS. J'ai besoin de savoir de quelles Defaulttailles d'écran de démarrage j'ai besoin.

iphone ios ipad splash-screen ipod-touch a111
la source
2
Juste un aparté: n'oubliez pas qu'iOS déconseille d'utiliser les écrans de démarrage. Utilisez plutôt une image de lancement. Ils sont techniquement les mêmes, mais conceptuellement différents. Un écran de démarrage est généralement utilisé comme image de marque, tandis qu'un écran de lancement est une image pré-proposée de votre interface utilisateur qui donne à l'utilisateur l'impression que l'application se charge plus rapidement. Vérifiez les Gudelines d'interface humaine iOS dans cette préoccupation
Hugo A

Réponses:

179

Mise à jour 2018 - Veuillez ne pas utiliser cette information!

Je laisse le message ci-dessous à des fins de référence.

Veuillez lire la documentation d'Apple Human Interface Guidelines - Launch Screens pour plus de détails sur les écrans de lancement et les recommandations.

Merci
Drekka

Juillet 2012 - Comme cette réponse est plutôt ancienne, mais les photos semblent toujours populaires. J'ai écrit un article de blog basé sur le doco d'Apple et l' ai placé sur mon blog . J'espère que vous le trouverez utile.

Oui. Dans le développement iPhone / iPad, le Default.pngfichier est automatiquement affiché par l'appareil afin que vous n'ayez pas à le programmer, ce qui est vraiment utile. Je ne l'ai pas avec moi, mais vous avez besoin de différents PNG pour l'iPad avec des noms spécifiques. J'ai cherché sur GoogleiPad default png et j'ai obtenu ces informations sur le site phunkwerks :

Orientations de l'image de lancement de l'iPad

Pour gérer diverses options d'orientation, une nouvelle convention de dénomination a été créée pour les images de lancement de l'iPad. La taille de l'écran de l'iPad est de 768 × 1024, remarquez dans les dimensions qui suivent la hauteur prend en compte une barre d'état de 20 pixels.

Dimensions du nom de fichier

  • Default-Portrait.png * - 768 l x 1024 h
  • Default-PortraitUpsideDown.png - 768 l x 1024 h
  • Default-Landscape.png ** - 1024 x 748 h
  • Default-LandscapeLeft.png - 1024 x 748 h
  • Default-LandscapeRight.png - 1024 x 748 h
  • iPad-Retina–Portrait.png - 1536 l x 2048 h
  • iPad-Retina–Landscape.png - 2048 l x 1496 h
  • Default.png - Non recommandé

* - Si vous n'avez pas spécifié de Default-PortraitUpsideDown.pngfichier, ce fichier sera prioritaire.

** - Si vous n'avez pas spécifié de fichier image Default-LandscapeLeft.pngou Default-LandscapeRight.png, ce fichier aura la priorité.

Ce lien vers «Apple's Developer Library» est également utile.

Drekka
la source
16
Notez que le Default.png est ce qui est utilisé pour l'iPhone lors de l'exécution de l'application universelle sur cet appareil, il doit donc s'agir de votre image standard 320 x 480 ou 320 x 460. Le «non recommandé» concerne uniquement les applications iPad uniquement.
Brad Larson
2
Merci! J'utilise maintenant un Default-Portrait.png avec 768w x 1024h cette taille semble fonctionner aussi.
powtac
1
Mon application fonctionnera par défaut en mode Paysage. Mais comment puis-je spécifier l'image par défaut du paysage pour iPhone?
Satyam
2
Il convient de noter que si vous utilisez des versions localisées, vous devez supprimer ces fichiers de votre dossier racine et les placer dans votre répertoire <language> .lproj.
Jose Muanis
3
Le lien vers le blog dans l'article ne fonctionne plus. Le lien ci-dessus vers le site Web des développeurs Apple ne fonctionne plus non plus.
physique
31

Depuis juillet 2013 (iOS 6), voici ce que nous utilisons toujours:

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
la source
4
[email protected] ne devrait-il pas être 640 x 1136?
UXUiOS
16

Pour iOS7, créez des images de lancement dans les tailles suivantes:

Pour iPhone 5 et iPod touch (5e génération):

  • 640 x 1136 pixels

Pour les autres appareils iPhone et iPod touch:

  • 640 x 960 pixels
  • 320 x 480 pixels (résolution standard)

Pour le portrait iPad:

  • 1536 x 2048 pixels
  • 768 x 1024 pixels (résolution standard)

Pour le paysage iPad:

  • 2048 x 1536 pixels
  • 1024 x 768 pixels (résolution standard)

Voir Ressources de conception iOS 7> Instructions d'interface humaine iOS> Images de lancement

MISE À JOUR 1

Pour iPhone 6:

  • 750 x 1334 (@ 2x) pour portrait
  • 1334 x 750 (@ 2x) pour le paysage

Pour iPhone 6 Plus:

  • 1242 x 2208 (@ 3x) pour portrait
  • 2208 x 1242 (@ 3x) pour le paysage

MISE À JOUR 2

Pour iPhone X:

  • 1125 x 2436 (@ 3x) pour portrait
  • 2436 x 1125 (@ 3x) pour le paysage
je vais
la source
Bro, pourriez-vous s'il vous plaît vérifier ma question stackoverflow.com/questions/43955856/... ?
Mai Phyu
1
J'aurais aimé qu'il y ait une belle table ici avec le nom de fichier et la résolution d'image pour chaque entrée, oh et oubliez iOS 5,6,7. nous sommes en 2017.
computingfreak
8

Vous pouvez les rendre 1024 x 768. Vous pouvez également cocher "La barre d'état est initialement masquée" dans le fichier plist.

RanLearns
la source
6

Mise à jour 2020 - Xcode 11

Dans Xcode 11, vous ne pouvez fournir qu'une seule image avec des échelles 1x, 2x et 3x, puis réglez-la LaunchScreen.storyboardpour remplir l'écran et tout se passe bien!

Par exemple: (1242pt x 2688pt @ 1x)

Il s'agit de la taille de l'écran portrait iPhone 11 Pro Maxqui correspond à la grande taille de l'écran de l'iPhone, ce qui vous donnera un écran de démarrage de haute qualité sur tous les appareils iOS.

Mise à jour 2019 - iOS 12

J'ai rassemblé toutes les tailles nécessaires pour l'écran de démarrage. Tout ce dont vous avez besoin est de simplement faire glisser des images avec ces tailles et de les déposer, Xcode placera chaque taille au bon endroit.

Bonne chance.

Tailles:

320 × 480

640 × 960

640 × 1136

750 × 1334

768 × 1004

768 × 1024

828 × 1792

1 024 × 748

1 024 × 768

1125 × 2436

1242 × 2208

1242 × 2688

1536 × 2008

1536 × 2048

1792 × 828

2048 × 1496

2048 × 1536

2208 × 1242

2436 × 1125

2688 × 1242

Remarque

Le nombre d'images requises est de 26 images, mais il y a 6 tailles dupliquées, vous trouverez donc que les tailles ci-dessus ne sont que de 20.

Essam Mohamed Fahmi
la source
J'ai donc besoin de 20 images différentes juste pour l'écran de démarrage? Sérieusement?
Tejas K
Oui. Ce n'est pas si difficile! Votre designer devrait le faire facilement.
Essam Mohamed Fahmi
Vous pouvez utiliser n'importe quel générateur d'écran de démarrage en ligne .. donc en fournissant une seule image .. il générera tous les éclaboussures nécessaires de toutes les tailles
kumar
Quel devrait être le DPI avec ces tailles lors de la conception dans Photoshop 72 ou 300 ou tout autre?
Sadhu Harivandandas
3

Ici, je peux ajouter des résolutions et des spécifications d'affichage pour la taille de l'iphone 6 et 6+:

iPhone 6+ - Résolution de l'actif (@ 3x) - Résolution (2208 x 1242) px

iPhone 6 - Résolution de l'actif (@ 2x) - Résolution (1334 x 750) px

iPad Air / Retina iPad (1re et 2e génération / 3e et 4e) - Résolution de l'actif (@ 2x) - Résolution (2048 x 1536) px

iPad Mini (2e et 3e générations) - Résolution de l'actif (@ 2x) - Résolution (2048 x 1536) px

iPhone (6, 5S, 5, 5C, 4S, 4) - Icône d'application (120x120 px) - Icône AppStore (1024x1024 px) - Spotlight (80x80 px) - Paramètres (58x58 px)

iPhone (6+) - Icône App (180x180 px) - Icône AppStore (1024x1024 px) - Spotlight (120x120 px) - Paramètres (87x87 px)

imti
la source
iPhone 6+, la résolution est de 1242x 2208. [( developer.apple.com/library/ios/documentation/UserExperience/…
Sumeet Mourya
Pour iPhone 6: 750 x 1334 (@ 2x) pour portrait 1334 x 750 (@ 2x) pour paysage Pour iPhone 6 Plus: 1242 x 2208 (@ 3x) pour portrait 2208 x 1242 (@ 3x) pour paysage
imti
@imti, pourriez-vous s'il vous plaît vérifier ma question stackoverflow.com/questions/43955856/... bro?
Mai Phyu
@MayPhyu Désolé, mon frère, j'étais soudainement déconnecté. J'espère que votre problème a été réglé. Si ce n'est toujours pas clair, faites-le moi savoir.
imti
bro @imti, c'est ok bro. C'était réparé. Mais j'ai un problème. Pourriez-vous s'il vous plaît m'aider à vérifier ce lien stackoverflow.com/questions/44304498/… ?
Mai Phyu
3

Pour Xcode 9 et les derniers appareils

Portrait

iPhone 4 / 4S 640 x 960

iPhone 5 / 5C / 5S iPod touch 5e génération 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 sans rétine 768 x 1024

iPad rétine 1536 x 2048

Paysage

iPhone 6, 7 et 8 plus 2208 x 1242

iPhone X 2436 x 1125

iPad sans rétine 1024 x 768

iPad rétine 2048 x 1536

Ghulam Rasool
la source
1

Avec l'application universelle, un écran de démarrage iPad apparaît dans le simulateur mais pas sur l'appareil. L'iPad afficherait plutôt le splash Default.png pour l'iPhone. Les fichiers Default-Landscape.png et Default-Portrait.png existants, alors avec? La résolution devrait être correcte puisque j'ai créé les captures d'écran à l'aide de Window | Organisateur | Captures d'écran et utilisé «Enregistrer comme image par défaut» pour l'iPad, puis simplement renommé.

Il s'avère (à partir de ma seule application de toute façon) que les deux captures d'écran de l'iPad doivent être déplacées vers le répertoire Resources-iPad. Ensuite, tout fonctionne bien. Cela semble évident maintenant, mais au cas où quelqu'un d'autre aurait perdu le sommeil à cause de cela ... -Larry

LDanberger
la source
1

Pour les développeurs Adobe AIR iOS, notez que si les images Splash de votre iPad «décalent» ou s'affichent et se mettent à l'échelle une seconde plus tard, c'est parce qu'il y a des dimensions différentes selon la version d'AIR que vous utilisez.

Default-Portrait.png:
768 x 1004 (AIR 3.3 et version antérieure)
768 x 1024 (AIR 3.4 et version ultérieure)

[email protected]:
1536 x 2008 (AIR 3.3 et version antérieure)
1536 x 2048 (AIR 3.4 et version ultérieure)

Référence:
http://help.adobe.com/en_US/air/build/WS901d38e593cd1bac1e63e3d129907d2886-8000.html#WS901d38e593cd1bac58d08f9112e26606ea8-8000

Matt Cardoza
la source