Android – Taille de l’icône du lanceur

Pour HDPI , XHDPI , etc. quelle devrait être la taille idéale de l’icône du lanceur? Dois-je créer 9-Patch images 9-Patch pour que l’icône évolue automatiquement ou serait-il préférable de créer des icons distinctes?

Je créerais des images séparées pour chacun:

 LDPI should be 36 x 36. MDPI should be 48 x 48. TVDPI should be 64 x 64. HDPI should be 72 x 72. XHDPI should be 96 x 96. XXHDPI should be 144 x 144. XXXHDPI should be 192 x 192. 

Ensuite, placez chacun d’eux dans les tiges séparées du dossier à dessiner.

Vous devez également fournir une version agrandie de votre icône lors du téléchargement de votre application sur le Google Play Store, cela devrait être WEB 512 x 512 . Ce format est si volumineux que Google peut le redimensionner à n’importe quelle taille afin de faire connaître votre application sur le Google Play Store et de ne pas append de pixelisation à votre logo.

Fondamentalement, toutes les autres icons doivent être proportionnelles à l’icône «baseline», MDPI at 48 x 48 .

 LDPI is MDPI x 0.75. TVDPI is MDPI x 1.33. HDPI is MDPI x 1.5. XHDPI is MDPI x 2. XXHDPI is MDPI x 3. XXXHDPI is MDPI x 4. 

Tout cela est expliqué sur la page Iconography du site Web Android Developers: http://developer.android.com/design/style/iconography.html

Ne créez pas d’images à 9 patchs pour les icons du lanceur. Vous devez créer une image distincte pour chacun.

 LDPI - 36 x 36 MDPI - 48 x 48 HDPI - 72 x 72 XHDPI - 96 x 96 XXHDPI - 144 x 144 XXXHDPI - 192 x 192. WEB - 512 x 512 (Require when upload application on Google Play) 

Remarque: l’image WEB (512 x 512) est utilisée lorsque vous téléchargez votre application Android sur Market.

|| Android App Icône Taille ||

Tous les dispositifs

 hdpi=281*164 mdpi=188*110 xhdpi=375*219 xxhdpi=563*329 xxxhdpi=750*438 48 × 48 (mdpi) 72 × 72 (hdpi) 96 × 96 (xhdpi) 144 × 144 (xxhdpi) 192 × 192 (xxxhdpi) 512 × 512 (Google Play store) 

Les icons Android nécessitent cinq tailles distinctes pour différentes densités de pixels d’écran. Les icons de résolution inférieure sont créées automatiquement à partir de la ligne de base.

 mdpi (Baseline): 160 dpi 1× hdpi: 240 dpi 1.5× xhdpi: 320 dpi 2× xxhdpi: 480 dpi 3× xxxhdpi: 640 dpi 4× (launcher icon only) 

Icônes du lanceur (.png)

 48 × 48 (mdpi) 72 × 72 (hdpi) 96 × 96 (xhdpi) 144 × 144 (xxhdpi) 192 × 192 (xxxhdpi) 512 × 512 (Google Play store) 

Icônes de la barre d’action, de la boîte de dialog et de l’onglet

 24 × 24 area in 32 × 32 (mdpi) 36 × 36 area in 48 × 48 (hdpi) 48 × 48 area in 64 × 64 (xhdpi) 72 × 72 area in 96 × 96 (xxhdpi) 96 × 96 area in 128 × 128 (xxxhdpi)* 

Icônes de notification

 22 × 22 area in 24 × 24 (mdpi) 33 × 33 area in 36 × 36 (hdpi) 44 × 44 area in 48 × 48 (xhdpi) 66 × 66 area in 72 × 72 (xxhdpi) 88 × 88 area in 96 × 96 (xxxhdpi)* 

Petites icons contextuelles

 16 × 16 (mdpi) 24 × 24 (hdpi) 32 × 32 (xhdpi) 48 × 48 (xxhdpi) 64 × 64 (xxxhdpi)* 

La taille xxxhdpi requirejse uniquement par l’icône du lanceur, comme l’indique le site officiel Supporting multiple Screens .

Pas besoin d’outils tiers lorsque Android Studio peut générer des icons pour nous.

  • File -> New -> Image Asset

  • Ensuite, choisissez Launcher Icons comme type d’actif:

  • Choisissez une image haute résolution pour le fichier image:

Android Générer des icônes de lanceur

  • Next -> Finish pour générer des icons

générer des icônes ic laucher

Enfin, mettez à jour le champ android:icon name dans AndroidManifest.xml si nécessaire.

Icônes adaptatives

À partir d’Android 8.0, il existe des icons adaptatives composées de deux calques distincts. Les deux couches mesurent 108 x 108 dp.

entrer la description de l'image ici

(image adaptée de la documentation Android )

Tailles

Si vous prenez en charge des versions inférieures à Android 8.0, vous devez toujours inclure les anciennes tailles ( 48dp ). J’ai marqué les tailles de pixel en rouge pour chaque résolution ci-dessous.

entrer la description de l'image ici

Ne le fais pas à la main

Je suppose que vous pourriez tout faire à la main si vous le voulez, mais je dois dire que mes jours de travail sont terminés. Android Studio 3.0 Asset Studio est assez bon et les génèrera tous pour vous. Tout ce que vous avez à faire est de fournir une image de premier plan et d’arrière-plan suffisamment grande. (J’ai utilisé une image de 1024 x 1024 px).

Pour ouvrir Asset Studio, accédez à Fichier> Nouveau> Image Asset .

entrer la description de l'image ici

Fournir au moins une image de 512 x 512 pixels et utiliser cet outil: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Il générera toutes les icons pour vous dans la taille correcte, y compris l’image Web pour le magasin de jeux.

LDPI devrait être 36 x 36.

MDPI 48 x 48.

TVDPI 64 x 64.

HDPI 72 x 72.

XHDPI 96 x 96.

XXHDPI 144 x 144.

XXXHDPI 192 x 192.

Eh bien comme @ MartinVonMartinsgrün mentionné Maintenant, il existe existe de meilleurs outils puis affirmer générateur dans le studio Android

Pour l’icône de l’application (barre d’outils, barre d’action, DrawableLeft, etc.), utilisez: http://romannurik.github.io/AndroidAssetStudio/icons-actionbar.html

Pour le lanceur (icône de l’application) Utiliser: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Mais voici quelques astuces pour obtenir la meilleure résolution pour les icons et les icons de lanceurs.

Étape 1 :

Allez d’abord sur le https://materialdesignicons.com et choisissez votre icône. Ou si votre icône est en bonne résolution, ignorez cette étape. Cliquez sur l’icône souhaitée et cliquez sur “Advanced Export”, une fenêtre comme celle ci-dessous s’ouvrira Essayez de générer une icône aussi grande que possible

Cliquez ensuite sur l’icône pour générer l’icône (.png). Eh bien, le truc est d’essayer de générer une icône aussi grande que possible pour les appareils haute résolution et les outils vont tout gérer pour les petits appareils, mais si vous utilisez petite icône, tout en générant l’icône pour les appareils haut de gamme vous perdrez la résolution de l’icône.

Étape 2 :

Ensuite, allez à la page Outils et téléchargez l’icône entrer la description de l'image ici

Cliquez sur le “Custom” si vous souhaitez colorer votre icône. Quelle que soit la couleur de l’icône que vous téléchargez, en utilisant Personnalisé, vous pouvez générer n’importe quelle couleur. Choisissez ensuite un nom et cliquez sur “Télécharger .ZIP”. Cela va télécharger le fichier .zip avec l’icône pour la plupart de la résolution commune. Vous pouvez copier et coller le dossier res dans votre dossier de projet d’application et vous verrez l’icône dans la section pouvant être dessinée.

Selon les directives de conception du matériel ( ici , sous “DP unit grid”), l’icône de votre produit doit avoir une taille de 48 dp, avec un remplissage de 1dp, sauf dans le cas de XXXHDPI, où le remplissage doit être de 4dp.

Donc, en pixels, les tailles sont les suivantes:

  • 48 × 48 (mdpi), avec un rembourrage de 1 dp
  • 72 × 72 (hdpi), avec un rembourrage de 1 dp
  • 96 × 96 (xhdpi), avec un rembourrage de 1 dp
  • 144 × 144 (xxhdpi), avec un rembourrage de 1 dp
  • 192 × 192 (xxxhdpi), avec un rembourrage de 4 dp

Je recommande d’éviter d’utiliser VectorDrawable, car certains lanceurs ne le prennent pas en charge, mais je pense que WEBP devrait fonctionner aussi longtemps que votre minSdk supporte la transparence (API 18 et supérieure – Android 4.3).

Si vous publiez sur le Play Store, l’exigence de ce qu’il faut télécharger est basée ici :

  • PNG 32 bits (avec alpha)
  • Dimensions: 512px par 512px
  • Taille maximale du fichier: 1024 Ko

J’ai posté un script pour générer toutes les icons de plate-forme pour les applications PhoneGap à partir d’un seul fichier icône SVG. Si vous avez des bitmaps existants, j’inclus également des notes qui peuvent vous aider à générer les vecteurs SVG à partir d’un bitmap existant. Cela ne fonctionnera pas pour tous les bitmaps, mais peut-être pour le vôtre.

J’ai eu le même problème mais j’ai réalisé que la disposition de mon icône graphique dans le carré autorisé (512 x 512 dans mon cas) n’était pas maximisée. J’ai donc fait pivoter l’image et réussi à la redimensionner pour mieux remplir les coins. Ensuite, j’ai cliqué avec le bouton droit de la souris sur mon dossier res dans mon projet dans Android Studio, puis j’ai choisi New puis Image Asset , il m’a fallu passer par un assistant pour sélectionner mon fichier image à utiliser. Ensuite, si vous cochez la case “Supprimer l’espace vide environnant”, assurez-vous que tous les bords, qui sont capables, touchent les côtés de votre carré. Ces étapes l’ont beaucoup plus grande que l’original.

Lancer l’image et taille de l’image Slash pour la soumission de l’application Google Play Store

  1. Icône haute résolution. PFB la table pour les tailles requirejses PNG 32 bits (avec alpha), dimensions: 512 x 512 pixels, taille de fichier maximale: 1024 Ko

Icône de lancement et taille d’image Splash requirejses

  1. Au moins 2 captures d’écran sont requirejses dans leur ensemble (8 captures d’écran maximum par type, les types incluent «Téléphone», «Tablette 7 pouces» et «Tablette 10 pouces»). JPEG ou 24 bits PNG (pas d’alpha) , Dimension maximale: 3840px, tailles d’échantillon: 320 x 480, 480 x 800, 480 x 854,1280 x 720, 1280 x 800 24 bits PNG ou JPEG

Vous pouvez créer des icons directement dans le studio Android lui-même. Les étapes à suivre sont les suivantes:

1. Cliquez avec le bouton droit sur Res-> New-> Image asset

2.Consultez le type d’actif à l’image.

3.Chargez l’image à partir du disque local

4.Vous avez des options pour couper, modifier le remplissage et append un arrière-plan également. Changez les valeurs si vous en avez besoin.

5.Cliquez sur Suivant-> Terminer.

L’image sera automatiquement ajoutée à mipmap-mdpi, mipmap-hdpi, mipmap-xhdpi, mipmap-xxhdpi, mipmap-xxxhdpi si vous sélectionnez l’icône du lanceur ou drawable-mdpi, drawable-hdpi, drawable-xhdpi, drawable-xxhdpi, drawable- xxxhdpi si vous sélectionnez d’autres options d’icône.