Pour HDPI
, XHDPI
etc. quelle devrait être la taille idéale de l'icône du lanceur? Dois-je créer des 9-Patch
images pour que l'icône soit mise à l'échelle automatiquement, ou serait-il préférable de créer des icônes distinctes?
Pour HDPI
, XHDPI
etc. quelle devrait être la taille idéale de l'icône du lanceur? Dois-je créer des 9-Patch
images pour que l'icône soit mise à l'échelle automatiquement, ou serait-il préférable de créer des icônes distinctes?
Réponses:
Je créerais des images distinctes pour chacune:
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, mettez simplement chacun d'eux dans les tiges séparées du dossier dessinable.
Vous devez également fournir une grande version de votre icône lors du téléchargement de votre application sur le Google Play Store, ce qui devrait être le cas WEB 512 x 512
. C'est si grand que Google peut la redimensionner à n'importe quelle taille afin de faire la publicité de votre application sur le Google Play Store et de ne pas ajouter de pixelisation à votre logo.
En fait, toutes les autres icônes devrait être proportionnelle à l'icône « de base », 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 Iconographie du site Web des développeurs Android: http://developer.android.com/design/style/iconography.html
this is all explained ...
"). Ce que vous avez est essentiellement un instantané de leurs besoins (en évolution).
Ne créez pas d'images à 9 patchs pour les icônes 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.
|| Taille de l'icône de l'application Android ||
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 icônes Android nécessitent cinq tailles distinctes pour différentes densités de pixels d'écran. Les icônes pour une 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 de lanceur (.Png)
48 × 48 (mdpi)
72 × 72 (hdpi)
96 × 96 (xhdpi)
144 × 144 (xxhdpi)
192 × 192 (xxxhdpi)
512 × 512 (Google Play store)
Barre d'actions, icônes de boîte de dialogue et 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 icônes contextuelles
16 × 16 (mdpi)
24 × 24 (hdpi)
32 × 32 (xhdpi)
48 × 48 (xxhdpi)
64 × 64 (xxxhdpi)*
La taille xxxhdpi n'est requise que par l'icône du lanceur, comme le dit le site officiel de Supporting Multiple Screens .
À partir d'Android 8.0, il existe des icônes adaptatives, qui sont composées de deux couches distinctes. Les deux couches mesurent 108 x 108 dp.
(image adaptée de la documentation Android )
Si vous prenez en charge les versions inférieures à Android 8.0, vous devez toujours inclure les tailles héritées ( 48dp
). J'ai marqué les tailles de pixels en rouge pour chaque résolution ci-dessous.
Je suppose que vous pouvez faire tout cela à la main si vous le souhaitez, 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. Il vous suffit de fournir une image de premier plan et d'arrière-plan suffisamment grande. (J'ai utilisé une image 1024 x 1024 px).
Pour ouvrir Asset Studio, accédez à Fichier> Nouveau> Image Asset .
Pas besoin d'outils tiers lorsque Android Studio peut générer des icônes pour nous.
File
-> New
->Image Asset
Choisissez ensuite Launcher Icons
comme type d'actif:
Choisissez une image haute résolution pour le fichier image:
Next
-> Finish
pour générer des icônesEnfin, mettez à jour le android:icon
champ de nom AndroidManifest.xml
si nécessaire.
Fournissez au moins une image 512px X 512px et utilisez cet outil: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html
Il générera toutes les icônes pour vous dans la bonne taille, y compris l'image Web pour le Play Store.
Le LDPI doit être de 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.
Selon les directives de conception des matériaux ( ici , sous "Grille d'unité DP"), l'icône de votre produit doit être de taille 48 dp, avec un rembourrage de 1dp, sauf pour le cas de XXXHDPI, où le rembourrage doit être de 4dp.
Ainsi, en pixels, les tailles sont:
Je recommande d'éviter d'utiliser VectorDrawable car certains lanceurs ne le prennent pas en charge, mais je pense que WEBP devrait être correct tant que vous avez votre transparence de prise en charge minSdk pour eux (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 y est (basée sur ici ):
Eh bien, comme @ MartinVonMartinsgrün l'a mentionné Maintenant, il existe de meilleurs outils que le générateur d'affirmation dans le studio Android
Pour l'icône d'application (barre d'outils, barre d'action, DrawableLeft, etc.), utilisez: http://romannurik.github.io/AndroidAssetStudio/icons-actionbar.html
Pour le lanceur (icône d'application), utilisez: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html
Mais voici quelques astuces et moyens d'obtenir la meilleure résolution pour les icônes et les icônes de lanceur.
Étape 1 :
Rendez-vous d'abord sur https://materialdesignicons.com et choisissez votre icône. Ou si vous avez votre icône en bonne résolution, sautez cette étape. Cliquez sur l'icône souhaitée et cliquez sur "Export avancé", il ouvrira une fenêtre comme celle-ci ci-dessous
Cliquez ensuite sur "Icône" pour générer l'icône (.png). Eh bien, l'astuce est d'essayer de générer la plus grande icône possible pour les appareils haute résolution et les outils géreront tout pour les petits appareils, mais si vous utilisez une 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 sur la page Outils et téléchargez l'icône
Cliquez sur "Personnalisé" 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 la couleur de votre choix. Choisissez ensuite un nom et cliquez sur "Télécharger .ZIP". Cela téléchargera le fichier .zip avec l'icône pour la plupart de la résolution commune. Vous pouvez copier et coller le dossier res dans le dossier de votre projet d'application et vous verrez l'icône dans la section dessinable.
J'ai publié un script pour générer toutes les icônes de plate-forme pour les applications PhoneGap à partir d'un seul fichier d'icône SVG. Si vous avez des bitmaps existants, j'inclus également quelques 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 l'ê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 j'ai pu la mettre à l'échelle pour mieux remplir les coins. Puis - je raison cliqué sur mon res
dossier dans mon projet dans Android Studio, sélectionnez puis New
ensuite Image Asset
, il m'a fallu par un assistant où je suis arrivé à sélectionner mon fichier image à utiliser. Ensuite, si vous cochez la case "Couper l'espace vide environnant", il s'assure que tous les bords, qui sont capables, touchent les côtés de votre carré. Ces étapes sont devenues beaucoup plus grandes que l'original.
Icône de lancement requise et taille d'image Splash
Vous pouvez créer des icônes 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.Changez le type d'actif à l'image.
3.Chargez l'image à partir du disque local
4.Vous avez des options pour couper, modifier le rembourrage et ajouter un arrière-plan également. Modifiez 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 optins d'icône.