web-dev-qa-db-fra.com

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

Je développe une application à l'aide du SDK iOS. J'ai besoin de savoir quelle taille d'écran Default est nécessaire.

iphoneiosipadsplash-screenipod-touch
94
a111

Mise à jour 2018 - S'il vous plaît, n'utilisez pas cette information!

_ {Je quitte le post ci-dessous pour référence. 

Veuillez consulter la documentation Apple Guide d'interface utilisateur - Écrans de lancement pour obtenir des détails sur les écrans de lancement et les recommandations. 

Merci
Drekka

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

Oui. Dans le développement iPhone/iPad, le fichier Default.png est affiché automatiquement par l'appareil, vous n'avez donc 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 googlé iPad default png et obtenu cette information du site phunkwerks:

iPad Lancer les orientations de l'image

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; à noter que les dimensions qui suivent la hauteur prennent en compte une barre d'état de 20 pixels.

Nom du fichier Dimensions

  • 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 - Non recommandé 

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

** - Si vous n'avez pas spécifié de fichier image Default-LandscapeLeft.png ou Default-LandscapeRight.png, ce fichier est prioritaire.

Ce lien vers "Bibliothèque de développeurs Apple" est également utile.

178
drekka

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

IPHONE SPLASH 
Default.png - 320 x 480
[email protected] - 640 x 960 
[email protected] - 640 x 1096 (with status bar)
[email protected] - 640 x 1136 (without status bar)

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

iPadImage-Appname-Portrait.png * 768w x 1024h (without status bar)
[email protected] * 1536w x 2048h (without status bar)
iPadImage-Appname-Landscape.png ** 1024w x 768h (without status bar)
[email protected] ** 2048w x 1536h (without status bar)

ICON
Appname-29.png
[email protected]
Appname-50.png
[email protected]
Appname-57.png
[email protected]
Appname-72.png
[email protected]
iTunesArtwork (512px x 512px)
iTunesArtwork@2x (1024px x 1024px)
31
Andrew Johnson

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

Pour iPhone 5 et iPod touch (5ème 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 un portrait sur iPad:

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

Pour iPad paysage:

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

Voir Ressources de conception iOS 7> Recommandations relatives à l'interface utilisateur iOS> Lancer les images

UPDATE 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

UPDATE 2

Pour iPhone X:

  • 1125 x 2436 (@ 3x) pour portrait
  • 2436 x 1125 (@ 3x) pour le paysage
15
igo

Vous pouvez les créer au format 1024 x 768. Vous pouvez également cocher la case "La barre d'état est initialement masquée" dans le fichier Plist.

8
RanLearns

Pour Xcode 9 et les derniers appareils

Portrait

iPhone 4/4S 640 x 960  

iPod touch iPhone 5/5C/5S 5ème 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 non-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 non rétinien 1024 x 768

iPad rétine 2048 x 1536

3
Ghulam Rasool

Ici, je peux ajouter des résolutions et des spécifications d'affichage pour les tailles d'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/iPad Retina (1re et 2e générations/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 de l'application (120x120 px) - Icône AppStore (1024x1024 px) - Projecteur (80x80 px) - Paramètres (58x58 px)

iPhone (6+) - Icône de l'application (180x180 px) - Icône de l'AppStore (1024x1024 px) - Projecteur (120x120 px) - Paramètres (87x87 px) 

3
imti

Avec iOS 7+, les images de lancement statiques sont désormais obsolètes. 

Vous devez créer une vue personnalisée qui compose des tranches d’images, dont la taille est adaptée à tous les écrans, comme une vue UIViewController normale.

https://developer.Apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/LaunchImages.html

2
Andrew Johnson

Avec l'application universelle, l'écran de démarrage de l'iPad était affiché dans le simulateur, mais pas sur l'appareil. Au lieu de cela, l'iPad affichera 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 en tant qu'image par défaut" pour l'iPad, puis renommé.

Il s'avère 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 son sommeil à cause de cela ...- Larry

1
LDanberger

Pour les développeurs Adobe AIR iOS, notez que si les images Splash de votre iPad se "décalent" ou s’affichent et s’échelonnent une seconde plus tard, c’est parce que les dimensions varient en fonction de la version de AIR que vous utilisez. 

Default-Portrait.png:
768 x 1004 (AIR 3.3 et versions antérieures)
768 x 1024 (AIR 3.4 et supérieur)

[email protected]:
1536 x 2008 (AIR 3.3 et versions antérieures)
1536 x 2048 (AIR 3.4 et supérieur)

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

1
Matt Cardoza

Mise à jour 2019 - iOS 12

J'ai rassemblé toutes les tailles nécessaires pour l'écran de démarrage. Il vous suffit de faire glisser les 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

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

Remarque

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

0
Essam Mohamed