web-dev-qa-db-fra.com

Tailles et noms des icônes iOS8 pour les icônes et l'image de lancement

Je ne trouve pas de site simple avec les tailles et noms iOS8 pour les icônes d'application et l'image de lancement.

J'ai vu les iOS Human Interface Guidelines mais ils ne vous disent pas vraiment comment les nommer.

Quelqu'un peut-il les énumérer spécifiquement?

iosiconsios8launchimage
24
Mike Flynn

Comme rmaddy l'a mentionné depuis Xcode 5 , vous n'avez pas besoin de nommer vos icônes d'une manière spécifique . Utilisez le App Icon Asset pour ajouter vos icônes.

En ce qui concerne les tailles de vos icônes, vous les trouverez également dans votre catalogue d'icônes d'application, mais pour plus de commodité, voici une capture d'écran: enter image description hereenter image description here

Je recommande également fortement d'utiliser ce modèle d'icône pour créer votre icône parce que l'un: il fournit un fichier psd génial prêt à être édité et deuxièmement: il fournit des actions pour enregistrer facilement chaque icône dont vous avez besoin! Le voici: http://appicontemplate.com

7
Razvan

Générez automatiquement toutes les icônes nécessaires et lancez les fichiers image (iOS 7 et supérieur) avec les scripts suivants:

http://github.com/spren9er/s9icongen

http://github.com/spren9er/s9splashgen

Lorsque le script est exécuté, toutes les tailles et tous les noms seront affichés dans la console, par ex. pour lancer des images

   320x480(2x) ->   640x960: Default@2x~iphone.png
   320x568(2x) ->  640x1136: Default-568h@2x~iphone.png
   375x667(2x) ->  750x1334: Default-667h@2x~iphone.png
   414x736(3x) -> 1242x2208: Default-736h@3x~iphone.png
  768x1024(1x) ->  768x1024: Default-Portrait~ipad.png
  1024x768(1x) ->  1024x768: Default-Landscape~ipad.png
  768x1024(2x) -> 1536x2048: Default-Portrait@2x~ipad.png
  1024x768(2x) -> 2048x1536: Default-Landscape@2x~ipad.png
38
spren9er

Ceci est pratique si vous souhaitez savoir à quoi servent les différents fichiers:

Vérifiez également le fil de stackoverflow ici: https://stackoverflow.com/a/27108377/4288147

27
Matthias Sala

Vous pouvez utiliser n'importe quel nom pour les icônes car aucun nom spécifique n'est requis. Pour obtenir des icônes avec des tailles appropriées, vous pouvez utiliser le script Shell suivant pour les générer sans outils supplémentaires:

 FILE = "largeicon.png" 
 # Illustration iTunes 
 Sips --resampleWidth 1024 "$ {FILE}" --out "[email protected]" 
 sips --resampleWidth 512 "$ {FILE}" --out "iTunesArtwork.png" 
 # iPhone iOS 7, 8 
 sips --resampleWidth 58 "$ {FILE}" --out "[email protected]" 
 sips --resampleWidth 87 "$ {FILE}" --out "[email protected]" 
 sips --resampleWidth 80 "$ {FILE}" --out "[email protected]" 
 Sips --resampleWidth 120 "$ {FILE}" --out "[email protected] "
 sips --resampleWidth 120" $ {FILE} "--out" [email protected] "
 sips --resampleWidth 180" $ {FILE} "--out "[email protected]" 
 # iPad iOS 7, 8 
 sips --resampleWidth 29 "$ {FILE}" --out "icon-ipad-29.png" 
 sips --resampleWidth 58 "$ {FILE}" --out "[email protected]" 
 sips --resampleWidth 40 "$ {FILE}" --out " icon-ipad-40.png "
 sips --resampleWidth 80" $ {FILE} "--out" [email protected] "
 sips --resampleWidth 76" $ {FILE} "--out" icon-ipad-76 .png "
 sips --resampleWidth 152" $ {FILE} "--out" [email protected] "
 # Apple Watch 
 sips --resampleWidth 48 "$ {FILE}" --out "[email protected]" 
 sips --resampleWidth 55 "$ {FILE}" --out " [email protected] "
 sips --resampleWidth 58" $ {FILE} "--out" [email protected] "
 sips --resampleWidth 87 "$ {FILE}" --out "[email protected]" 
 Sips --resampleWidth 80 "$ {FILE}" --out "[email protected]" 
 sips --resampleWidth 88 "$ {FILE}" --out "[email protected]" 
 sips --resampleWidth 172 "$ {FILE}" --out " [email protected] "
 sips --resampleWidth 196" $ {FILE} "--out" [email protected] "
3
Leszek Szary