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:
Next
-> Finish
pour générer des icons
Enfin, mettez à jour le champ android:icon
name dans AndroidManifest.xml
si nécessaire.
À partir d’Android 8.0, il existe des icons adaptatives composées de deux calques distincts. Les deux couches mesurent 108 x 108 dp.
(image adaptée de la documentation Android )
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.
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 .
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
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
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:
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 :
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.
Icône de lancement et taille d’image Splash requirejses
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.