Android - Dimensione dell'icona di avvio


350

Per HDPI, XHDPIecc. Quale dovrebbe essere la dimensione ideale dell'icona di avvio? Dovrei creare 9-Patchimmagini per il ridimensionamento automatico dell'icona o sarebbe meglio creare icone separate?


9
Non si creano immagini a 9 patch per le icone di avvio. 9-patch sono per immagini (risorse) all'interno dell'applicazione. @edwoollard ha fornito la risposta corretta. Per ulteriori informazioni, consultare questo link qui: developer.android.com/guide/practices/ui_guidelines/…
Siddharth Lele

Ma solo per curiosità, possiamo usare 9-patch per l'icona di avvio?
Mohammad Jafar Mashhadi,

Puoi ottenere dimensioni diverse per le icone: play.google.com/store/apps/…
Vipul Patel

come posso impostare 2 icone diverse: una per l'app per Android, una per l'app per Chromebook. È possibile?
Kiem Duong,

Risposte:


705

Vorrei creare immagini separate per ognuna:

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.

Quindi basta metterli ciascuno negli steli separati della cartella disegnabile.

Devi anche fornire una versione più grande della tua icona quando carichi la tua app sul Google Play Store e questo dovrebbe essere WEB 512 x 512. È così grande che Google può ridimensionarlo a qualsiasi dimensione per pubblicizzare la tua app su Google Play Store e non aggiungere pixel al tuo logo.

In sostanza, tutte le altre icone dovrebbero essere in proporzione l'icona 'di 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.

Tutto questo è spiegato nella pagina Iconografia del sito Web degli sviluppatori Android: http://developer.android.com/design/style/iconography.html


3
Dove metti la versione WED?
Mafro34,

10
@ Mafro34 Suppongo che intendi la versione WEB? Quando finalmente completi l'app e la carichi sul Google Play Store, ti verrà chiesto di caricare un'icona dell'app 512 x 512. Ciò significa che possono quindi utilizzare l'icona in qualsiasi punto del sito Web e dell'app per pubblicizzare l'app.
Edwoollard,

@ Mafro34 Chiedono 512 x 512 in modo da poter ridimensionare l'icona in base alle dimensioni necessarie sulle diverse posizioni dell'app e del sito Web, senza causare pixel.
edwoollard,

@edwoollard oops, scusa, non ho visto la tua ultima riga (" this is all explained ..."). Quello che hai è essenzialmente un'istantanea dei loro requisiti (in evoluzione).
ashes999,

Ho creato uno script che esporta le icone del launcher Android su velara3.com e dalla mia ricerca XXHDPI è 180x180 e non 144. Vedi developer.android.com/guide/practices/screens_support.html. Cerca nella pagina "180x180 (3.0x) per extra-extra-alta densità". Tuttavia, ho visto 144 alcuni posti.
1,21 gigawatt

121

Non creare immagini a 9 patch per le icone di avvio. Devi creare un'immagine separata per ognuno.

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)

Nota: l'immagine WEB (512 x 512) viene utilizzata quando carichi l'applicazione Android su Market.

|| Dimensione icona app Android ||

Tutti i dispositivi

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)

2
@ RED.Skull no, significa che l'icona che carichi sulla Dashboard per sviluppatori Google per essere visualizzata sul mercato dagli utenti
Mirko

6
@Ogen - È buona norma porre una domanda, sì, le unità sono in pixel.
Chirag,

È possibile fornire semplicemente la versione 192 x 192 nella cartella mipmap-xxxhdpi e far ridimensionare il sistema in modo appropriato?
eliasbagley,

@eliasbagley: certo, funziona. Ma non è ottimale (altrimenti non esisterebbe l'intero sistema di cartelle specifiche per densità).
Jonik,

98

Le icone Android richiedono cinque dimensioni separate per diverse densità di pixel dello schermo. Le icone per una risoluzione inferiore vengono create automaticamente dalla linea di 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)

Icone di avvio (.Png)

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

Barra delle azioni, icone Dialog e Tab

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)*

Icone di notifica

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)*

Piccole icone contestuali

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

Le dimensioni di xxxhdpi sono necessarie solo dall'icona di avvio, come dice il sito ufficiale Supporting multiple Screens .


1
Grazie per aver aggiunto dimensioni per vari contesti. Hai una fonte per questo?
Krøllebølle,

dov'è il riferimento della dimensione dell'icona nel sito Android?
Mahdi,

38

Icone adattive

A partire da Android 8.0 ci sono icone adattive, che sono costituite da due livelli separati. Entrambi i livelli sono 108 x 108 dp.

inserisci qui la descrizione dell'immagine

(immagine adattata dalla documentazione di Android )

taglie

Se stai supportando versioni inferiori ad Android 8.0, devi comunque includere le dimensioni legacy ( 48dp). Ho contrassegnato le dimensioni dei pixel in rosso per ciascuna risoluzione di seguito.

inserisci qui la descrizione dell'immagine

Non farlo a mano

Suppongo che tu possa realizzarli tutti a mano se vuoi, ma devo dire che i miei giorni di farlo sono finiti. Android Studio 3.0 Asset Studio è abbastanza buono e li genererà tutti per te. Tutto quello che devi fare è fornire un'immagine di primo piano e di sfondo sufficientemente ampia. (Ho usato un'immagine di 1024 x 1024 px).

Per aprire Asset Studio vai su File> Nuovo> Asset immagine .

inserisci qui la descrizione dell'immagine


Le icone legacy dovranno avere anche uno sfondo?
Sviluppatore Android

@android developer, puoi selezionare "Legacy only" come tipo di icona se vuoi generare icone senza specificare il livello di sfondo. Se scegli "Adattivo e legacy", le icone legacy verranno generate unendo i livelli di primo piano e di sfondo.
Suragch,

Il livello di sfondo vero e proprio (come livello distinto) sarà sempre e solo utilizzato su dispositivi Android 8.0+.
Suragch,

Cosa succede se desidero utilizzare lo stile delle icone adattive solo da Android O e quelli legacy (senza lo sfondo aggiuntivo, anche se unito) prima? È anche possibile evitare lo sfondo su Android O? Non mi piace lo stile adattivo delle icone ...
Sviluppatore Android

Sviluppatore @android, basta generare le icone in due passaggi. Prima fai "Adaptive and Legacy" e fornisci entrambi i livelli. (Puoi anche specificare di non generare le icone Legacy a questo punto, ma non importa.) Quindi fai "Legacy only" e scegli l'immagine che vuoi (ad esempio, l'immagine in primo piano). Se le icone Legacy sono già state generate nel primo passaggio, verranno sovrascritte con la nuova immagine (senza sfondo) nel secondo passaggio. Ricorda che puoi sempre eliminare uno di questi file e sostituirli con immagini create a mano.
Suragch,

24

Non sono necessari strumenti di terze parti quando Android Studio può generare icone per noi.

  • File-> New->Image Asset

  • Quindi scegli Launcher Iconscome Tipo di risorsa:

  • Scegli un'immagine ad alta risoluzione per il file immagine:

Android Genera icone di avvio

  • Next-> Finishper generare icone

generare icone ic laucher

Infine, aggiorna il android:iconcampo del nome AndroidManifest.xmlse richiesto.


4
Android Studio sembra generare un'imbottitura extra attorno alle mie icone nonostante gli abbia detto di tagliare gli spazi vuoti e di essermi assicurato che il cursore dell'imbottitura fosse completamente a sinistra. Un bug con Android Studio forse o mi manca un passaggio?
Zhang,

Questo metodo (purtroppo) fa schifo a causa dell'imbottitura extra che Android Studio mette in ...
Micro

Fare clic con il tasto destro del mouse sulla cartella res e selezionare Nuovo> Asset immagine. vai a .. developer.android.com/studio/write/image-asset-studio.html
Waruna Manjula,

9

Fornisci almeno un'immagine da 512 pixel X 512 pixel e usa questo strumento: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Genererà tutte le icone per te nella dimensione corretta, compresa l'immagine web per il Play Store.


Fantastico ma non genera dimensioni ldpi: dati immagine PNG, 36 x 36, RGBA a 8 bit / colore, non interlacciati. Questa dimensione viene utilizzata su dispositivi che eseguono Jelly Beans :) ..
Hudson Santos

Crea un nuovo progetto con Android Studio e vedrai che non esiste più una cartella LDPI. Suppongo che non ti servano più.
LuckyMalaka

7

LDPI dovrebbe essere 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.


1
Cosa ha fornito la tua risposta che gli altri non hanno già? Per favore, non esagerare con le risposte degli altri per la reputazione ... guadagnalo tu stesso.
edwoollard,

Questo appare come una copia esatta + incolla da questa questa risposta: stackoverflow.com/a/12768159/1974224
Cristik

7

Secondo le linee guida per la progettazione dei materiali ( qui , sotto "Griglia dell'unità DP"), l'icona del prodotto dovrebbe essere di dimensioni 48 dp, con un'imbottitura di 1 dp, ad eccezione del caso di XXXHDPI, in cui l'imbottitura dovrebbe essere di 4 dp.

Quindi, in pixel, le dimensioni sono:

  • 48 × 48 (mdpi), con imbottitura 1 dp
  • 72 × 72 (hdpi), con imbottitura 1 dp
  • 96 × 96 (xhdpi), con imbottitura 1 dp
  • 144 × 144 (xxhdpi), con imbottitura 1 dp
  • 192 × 192 (xxxhdpi), con imbottitura 4 dp

Consiglio di evitare l'uso di VectorDrawable in quanto alcuni launcher non lo supportano, ma penso che WEBP dovrebbe essere ok fintanto che hai la trasparenza del supporto minSdk per loro (API 18 e successive - Android 4.3).

Se pubblichi sul Play Store, i requisiti per cosa caricare ci sono (basato su qui ):

  • PNG a 32 bit (con alfa)
  • Dimensioni: 512 px per 512 px
  • Dimensione massima del file: 1024 KB

6

Così come ha menzionato @ MartinVonMartinsgrün Ora esistono strumenti migliori che affermano il generatore in Android Studio

Per l'icona dell'applicazione (barra degli strumenti, ActionBar, DrawableLeft ecc.) Utilizzare: http://romannurik.github.io/AndroidAssetStudio/icons-actionbar.html

Per il launcher (icona dell'applicazione) Utilizzare: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Ma ecco alcuni trucchi e modi per ottenere la migliore risoluzione per le icone e le icone di avvio.

Passo 1 :

Per prima cosa vai su https://materialdesignicons.com e scegli la tua icona. O se hai la tua icona in buona risoluzione, salta questo passaggio. Fare clic sull'icona desiderata e fare clic su "Esportazione avanzata" si aprirà una finestra come questa di seguitoProva a generare l'icona più grande possibile

Quindi fare clic sull'icona "Icona" per generare l'icona (.png). Bene, il trucco è cercare di generare l'icona più grande possibile per i dispositivi ad alta risoluzione e gli strumenti gestiranno tutto per i dispositivi di piccole dimensioni, ma se si utilizza l'icona piccola, durante la generazione dell'icona per i dispositivi di fascia alta si perderà la risoluzione dell'icona.

Passo 2 :

Quindi vai alla pagina Strumenti e carica l'iconainserisci qui la descrizione dell'immagine

Fai clic su "Personalizzato" se vuoi colorare la tua icona. Indipendentemente dal colore dell'icona che stai caricando, utilizzando Personalizzato puoi generare il colore che desideri. Quindi scegli un nome e fai clic su "Scarica .ZIP". Questo scaricherà il file .zip con l'icona per la maggior parte della risoluzione comune. Puoi copiare e incollare la cartella res nella cartella del progetto dell'applicazione e vedrai l'icona nella sezione di disegno.


4

Ho pubblicato uno script per la generazione di tutte le icone della piattaforma per le app PhoneGap da un singolo file icona SVG. Se hai bitmap esistenti, includo anche alcune note che potrebbero aiutarti a generare i vettori SVG da una bitmap esistente. Questo non funzionerà per tutte le bitmap ma potrebbe essere tuo.


Sviluppo in Sencha Touch, quindi include anche il codice per generare icone per Sencha. È facile rimuoverlo e adattarlo alle tue esigenze. Gradirei un contributo per aiutare a generare schermate di avvio
Tony O'Hagan,

Haha ... L'ho appena fatto in uno script zsh. Bene, dannazione.
dylnmc,

Il framework iconico include anche un generatore di immagini per schermate Splash e icone delle app
Tony O'Hagan,

2

Ho avuto lo stesso problema, ma poi ho capito che la disposizione della mia icona grafica all'interno del quadrato consentito (512 x 512 nel mio caso) non era massimizzata. Quindi ho ruotato l'immagine e sono riuscita a ridimensionarla per riempire meglio gli angoli. Poi ho ragione cliccato su mia rescartella nel mio progetto in Android Studio, quindi scegliere Newpoi Image Asset, mi ha portato attraverso una procedura guidata in cui ho avuto modo di selezionare il mio file immagine da utilizzare. Quindi, se selezioni la casella "Taglia spazio circostante", assicurati che tutti i bordi siano in grado di toccare i lati del quadrato. Questi passaggi lo hanno reso molto più grande dell'originale.


1

Avvia immagine e dimensione immagine barra per l'invio dell'app Google Play Store

  1. Icona ad alta risoluzione. PFB la tabella per le dimensioni richieste PNG a 32 bit (con alfa), Dimensioni: 512px per 512px, Dimensione massima del file: 1024KB

Icona di avvio richiesta e dimensioni dell'immagine splash

  1. Complessivamente sono richiesti almeno 2 screenshot (massimo 8 screenshot per tipo, i tipi includono "Telefono", "Tablet da 7 pollici" e "Tablet da 10 pollici"). JPEG o PNG a 24 bit (no alpha), Dimensione minima: 320px , Dimensione massima: 3840 px, Dimensioni del campione: 320 x 480, 480 x 800, 480 x 854,1280 x 720, 1280 x 800 24 bit PNG o JPEG

0

Puoi creare icone direttamente nello studio Android stesso. I passaggi che devi seguire sono:

1.Fare clic con il tasto destro su Ris-> Nuovo-> Asset immagine

2.Cambia il tipo di risorsa sull'immagine.

3.Caricare l'immagine dal disco locale

4.Sono disponibili opzioni per tagliare, modificare il riempimento e aggiungere anche lo sfondo. Se necessario, modificare i valori.

5.clicca su Avanti-> Fine.

L'immagine verrà aggiunta automaticamente a mipmap-mdpi, mipmap-hdpi, mipmap-xhdpi, mipmap-xxhdpi, mipmap-xxxhdpi se selezioni l'icona di avvio o drawable-mdpi, drawable-hdpi, drawable-xhdpi, drawable-xxhdpi, drawable- xxxhdpi se si selezionano altre icone optin.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.