iOS comment définir l'icône de l'application et lancer des images


172

Comment configurer les images pour pouvoir archiver et valider mon application? L'écran ressemble à ceci maintenant:

entrez la description de l'image ici

Donc le premier dit 29pt, mais ensuite il dit aussi 2x. Alors est-ce que je mets une 29x29image ou une 58x58image? Et où dois-je mettre tous les autres? (Je sais qu'il ya plus de tailles que 29, 40et 60).

Quoi qu'il en soit, j'ai essayé de faire glisser un 29x29png sur le premier emplacement, un 40x40sur le deuxième et un 60x60sur le troisième et le quatrième. Quand j'y suis allé Product->Archive, je reçois

/ Users / kendon / Documents / iPhone Apps / Sales Tool / Sales Tool / Images.xcassets: le jeu d'icônes de l'application nommé "AppIcon" n'avait aucun contenu applicable.


sélectionnez appicon et appuyez sur l'inspecteur d'attributs, il montre également la dimension requise 29x29 pour 1x et 58x58 pour 2x etc
Muhammad Adnan

3
Vous pouvez utiliser ce site Web pour créer toutes les icônes d'applications makeappicon.com
AL̲̳I

9
Pourquoi ne pouvons-nous pas faire cela dans Xcode lui-même? Pas d'applications ou de sites Web spéciaux. Une seule grande image, ce serait trop facile n'est-ce pas. C'est comme ça que je fais dans Unity
tsukimi

Il semble que l'image soit trop proche des bords du fond blanc de l'icône, existe-t-il un moyen de réduire la taille de l'image tout en conservant le même rapport pixel sur pixel que celui requis? C'était après avoir utilisé makeappicon.com
nenur

Il n'est plus utilisé dans iOS 13. Il est obsolète.
Manish

Réponses:


212

Mise à jour: à moins que vous n'aimiez redimensionner les icônes une par une, consultez la réponse de Schmoudi . C'est juste beaucoup plus facile.

Tailles des icônes

entrez la description de l'image ici

Image ci-dessus de Designing for iOS 9 . Ce sont les mêmes pour iOS 10 .

Comment définir l'icône de l'application

Cliquez sur Assets.xcassets dans le navigateur de projet, puis choisissez AppIcon .

entrez la description de l'image ici

Cela vous donnera un jeu d'icônes d'application vide.

entrez la description de l'image ici

Maintenant, faites simplement glisser l'image de la bonne taille (au format .png) du Finder sur chaque espace vide de l'ensemble d'applications. L'icône de l'application devrait être configurée maintenant.

Comment créer des images de bonne taille

L'image tout en haut indique les tailles de pixels pour chaque taille de point requise dans iOS 9. Cependant, même si cette réponse n'est pas mise à jour pour les futures versions d'iOS, vous pouvez toujours déterminer les tailles de pixels correctes en utilisant la méthode ci-dessous.

Regardez combien de points (pt) chaque blanc sur l'ensemble d'images vide est. Si l'image est 1x, les pixels sont les mêmes que les points. Pour 2x doubler les points et 3x tripler les points. Ainsi, par exemple, dans le premier blanc ci-dessus (29pt 2x), vous auriez besoin d'une image de 58x58 pixels.

Vous pouvez commencer avec une image de 1 024 x 1 024 pixels, puis la réduire aux tailles appropriées. Vous pouvez le faire vous-même ou il existe également des sites Web et des scripts pour obtenir les bonnes tailles. Faites une recherche sur "générateur d'icônes d'application ios" ou quelque chose de similaire.

Je ne pense pas que les noms importent tant que vous avez les bonnes dimensions, mais la convention générale de dénomination est la suivante:

Icon-29.png      // 29x29 pixels
Icon-29@2x.png   // 58x58 pixels
Icon-29@3x.png   // 87x87 pixels

Image de lancement

Bien que vous puissiez utiliser une image pour l'écran de lancement, envisagez d'utiliser un fichier de storyboard d'écran de lancement. Cela redimensionnera commodément pour chaque taille et orientation. Consultez cette réponse SO ou la documentation suivante pour obtenir de l'aide.

Documentation utile

Les images Xcode de cet article ont été créées avec Xcode 7.


Pour moi, dans XCode 7.2, XCode ne vous permet pas de faire glisser des images vers ces boîtes. Pouvez-vous m'aider?
ahitt6345

1
@ ahitt6345: J'ai testé cela à nouveau avec Xcode 7.2 et cela fonctionne toujours. Ouvrez le Finder et localisez vos images dans le dossier que vous avez. Faites-les ensuite glisser vers l'emplacement correct du jeu d'icônes d'application dans Xcode, comme indiqué ci-dessus. Si votre image est au mauvais format, cela peut ne pas fonctionner. Utilisez le format .png.
Suragch le

Ils sont au format .png, j'ai essayé à nouveau de glisser-déposer et cela ne fonctionnait toujours pas.
ahitt6345

@ ahitt6345, consultez ce didacticiel vidéo YouTube . Il peut être utile de le voir en action.
Suragch

J'ai également eu des problèmes pour les faire glisser jusqu'à ce que je change le format du png pour qu'il corresponde à l'emplacement vers lequel je le faisais glisser. C'est avec Xcode 8.3
laconique

178

J'ai récemment trouvé cette application appelée Icon Set Creator dans l' App Store qui est gratuite, sans publicité, mise à jour sur les nouveaux changements, simple et fonctionne très bien pour toutes les tailles d'icônes possibles dans OSX, iOS et WatchOS:

Dans Icon Set Creator:

  1. Faites glisser votre image dans la vue
  2. Choisissez votre plateforme cible
  3. Exporter le dossier Icon Set

iconSetCreator

Dans XCode:

  1. Accédez au dossier Assets.xcassets
  2. Supprimer l'AppIcon préexistant
  3. Faites un clic droit -> Importez votre jeu d'icônes créé en tant qu'AppIcon et vous avez terminé


1
Cela s'est avéré être un grand atout pour moi alors que je luttais pour comprendre le système d'icônes d'application pour mes applications d'entreprise. Il convient de mentionner, cependant, qu'un peu de clarté sur la façon dont cela fonctionne est de mise. L'application ne vous indique pas spécifiquement le nom ou l'emplacement où les images nouvellement générées sont enregistrées. Comme il s'agit d'une application iOS, il m'a fallu un certain temps pour réaliser que l'application a créé un dossier nommé «iOS», puis y a enregistré les images dans un autre dossier nommé «Appicon.appiconset». Lorsque vous êtes prêt à importer dans le projet, c'est CE dossier que vous devez sélectionner.
Bill Norman

Totalement économisé mon temps ... J'ai tout terminé en 15 minutes
environ

22

Pour gagner un peu de temps:

1) Vous pouvez marquer toutes les images d'icônes de votre application dans le Finder et les faire glisser dans votre catalogue d'actifs en une fois en les faisant glisser dans l'un des emplacements vides de l'ensemble d'images d'icônes d'application. Lorsque vous maintenez votre glisser sur l'emplacement, plusieurs des autres emplacements semblent sélectionnés et lorsque vous les déposez, tous seront remplis en même temps. Notez que cela fonctionne dans XCode 8 (je n'ai pas essayé XCode 7), mais pas encore dans XCode 9 beta.

Glisser dans le jeu d'images du catalogue d'actifs de l'icône d'application

2) Le site de documentation Apple "Questions et réponses techniques QA1686" a les tailles par emplacement d'icône d'application déjà calculées pour vous dans une belle image et contient également les conventions de noms d'image correctes.

Tailles des icônes d'application


11

Les tailles correctes sont les suivantes:

1)58x58

2)80x80

3)120x120

4)180x180


10

J'utilise un outil appelé Prepo pour produire toutes les bonnes tailles d'image. Vous alimentez simplement l'application que vous fichier image et il crachera chaque fichier nécessaire avec un nom approprié.

Une fois que vous faites cela, vous pouvez ensuite faire glisser les fichiers appropriés ou simplement pointer vers votre dossier exporté Prepo.


Il ne fait pas d'icônes 167x167 pour les derniers iPad
Yernar Amergaliyev

Il génère en fait 167x167 lorsque vous exportez les images. Il n'affiche tout simplement pas cette taille (et beaucoup d'autres tailles) dans la fenêtre d'aperçu
tiguchi

8

Maintenant, un jour est vraiment facile à définir l'icône d'application, allez simplement sur https://makeappicon.com/ ajoutez votre image, ils vous enverront toutes les tailles d'icône d'application (également pour watch & itunes), maintenant cliquez sur Actifs .xcassets dans le navigateur Projet, puis choisissez AppIcon. Il ne vous reste plus qu'à faire glisser et déposer l'icône selon vos besoins.


5

Dans la liste de gauche, faites un clic droit sur "AppIcon" et cliquez sur "Ouvrir dans le Finder" Un dossier avec le nom "AppIcon.appiconset" s'ouvrira. Collez-y tous les graphiques avec la résolution requise. Une fois cela fait, toutes ces images seront visibles sur ce même écran (une dans votre capture d'écran). puis faites-les glisser dans la case appropriée. Des icônes d'application ont été ajoutées. Même processus pour les images de lancement. Les images de lancement via ce processus sont ajoutées pour iOS 7 et les versions antérieures. Pour iOS 8, un fichier LaunchScreen.xib distinct est créé par défaut.


5

J'ai trouvé l'application appelée Iconizer. Vous pouvez trouver le dépôt sur github . Iconizer peut générer des icônes d'application pour OS X, iPad, iPhone, CarPlay et Apple Watch avec une seule image.

Faites simplement glisser et déposez votre icône sur Iconizer, sélectionnez les plates-formes dont vous avez besoin et si vous voulez ou non que toutes les plates-formes soient générées dans un catalogue d'actifs, puis cliquez sur Exporter.

Après cela, remplacez (supprimez et importez) votre AppIcon dans Assets.xcassets


2

C'est une partie très frustrante de XCode. Comme beaucoup, j'ai perdu des heures là-dessus lorsque je suis passé à une version plus récente de xcode (version 8). La solution pour moi était d'ouvrir les propriétés de mon projet et sous «Icônes d'application et images de lancement», choisissez l'option «migrer» pour les icônes. Cela n'avait absolument aucun sens pour moi car j'avais déjà toutes mes icônes là-bas, mais cela fonctionnait! Malheureusement, il me semble maintenant avoir deux copies de mes icônes de lancement dans le projet.


C'était ce dont j'avais besoin pour mettre à jour un très ancien projet (iOS 3) pour iOS 11.
Doug Voss

1

Selon la version mise à jour (Xcode 8.3.3), j'ai vu que la résolution ci-dessous est requise pour tous les champs d' AppIconensembles.

40x40
58x58
60x60
80x80
87x87
120x120
180x180

Il est livré avec hdpi, xhdpi, xxhdpi, etc. J'espère que cela aidera les autres.

Modifié en 120x120

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.