Android - Tamanho do ícone do iniciador


350

Para HDPI, XHDPIetc., qual deve ser o tamanho ideal do ícone do iniciador? Devo ter que criar 9-Patchimagens para que o ícone seja dimensionado automaticamente ou seria melhor criar ícones separados?


9
Você não cria imagens de 9 patches para ícones do iniciador. 9 patches são para imagens (recursos) dentro do aplicativo. @edwoollard forneceu a resposta correta. Para obter mais informações, acesse este link aqui: developer.android.com/guide/practices/ui_guidelines/…
Siddharth Lele 7/12

Mas, apenas por curiosidade, podemos usar 9 patches para o ícone do iniciador?
Mohammad Jafar Mashhadi

Você pode obter tamanhos diferentes para ícones: play.google.com/store/apps/...
Vipul Patel

como posso definir dois ícones diferentes: um para o aplicativo Android e outro para o aplicativo Chromebook. É possível?
Kiem Duong

Respostas:


705

Eu criaria imagens separadas para cada uma:

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.

Em seguida, basta colocar cada um deles nos caules separados da pasta de desenho.

Você também deve fornecer uma versão grande do seu ícone ao fazer o upload do seu aplicativo na Google Play Store, e deve ser WEB 512 x 512. É tão grande que o Google pode redimensioná-lo para qualquer tamanho para anunciar seu aplicativo na Google Play Store e não adicionar pixelização ao seu logotipo.

Basicamente, todos os outros ícones devem estar na proporção do ícone 'linha 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.

Isso tudo é explicado na página Iconografia do site do Android Developers: http://developer.android.com/design/style/iconography.html


3
Onde você coloca a versão WED?
perfil completo de Mafro

10
@ Mafro34 Presumo que você queira dizer a versão WEB? Quando você finalmente concluir seu aplicativo e enviá-lo para a Google Play Store, ele solicitará o upload de um ícone de aplicativo 512 x 512. Isso significa que eles podem usar o ícone em qualquer lugar do site e do aplicativo para anunciar seu aplicativo.
Edwoollard 3/13/13

@ Mafro34 Eles pedem 512 x 512 para que eles possam escalar o ícone para o tamanho que precisar nas diferentes posições do aplicativo e site, sem causar pixelização.
precisa saber é o seguinte

@edwoollard opa, desculpe, eu não vi sua última linha (" this is all explained ..."). O que você tem é essencialmente um instantâneo de seus requisitos (em evolução).
ashes999

Criei um script que exporta ícones do iniciador do Android em velara3.com e, a partir da minha pesquisa, o XXHDPI é 180x180 e não 144. Consulte developer.android.com/guide/practices/screens_support.html. Pesquise na página por "180 x 180 (3,0 x) para densidade extra-extra-alta". No entanto, eu já vi 144 alguns lugares.
1,21 gigawatts

121

Não crie imagens de 9 patches para ícones do iniciador. Você precisa criar uma imagem separada para cada um.

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: a imagem WEB (512 x 512) é usada quando você faz o upload do aplicativo Android no Market.

|| Tamanho do ícone do aplicativo para Android ||

Todos os dispositivos

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 não, ele significa o ícone que você fazer o upload para o Google Dashboard desenvolvedor para ser visto no mercado pelos usuários
Mirko

6
@ Ogen - É um bom hábito fazer perguntas, sim as unidades estão em pixels.
Chirag

É possível apenas fornecer a versão 192 x 192 na pasta mipmap-xxxhdpi e fazer com que o sistema a reduza adequadamente?
Eliasbagley

@eliasbagley: Claro, isso funciona. Mas não é o ideal (caso contrário, todo o sistema de pastas específicas da densidade não existiria).
21916 Jonik

98

Os ícones do Android requerem cinco tamanhos separados para diferentes densidades de pixel da tela. Ícones para resolução mais baixa são criados automaticamente a partir da linha 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)

Ícones do iniciador (.Png)

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

Barra de ação, ícones de Diálogo e guia

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

Ícones de notificação

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

Pequenos ícones contextuais

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

O tamanho de xxxhdpi necessário apenas pelo ícone do iniciador, como diz o site oficial Supporting multiple Screens .


11
Obrigado por adicionar tamanhos para vários contextos. Você tem uma fonte para isso?
Krøllebølle 18/02

Onde está a referência do tamanho do ícone no site Android?
Mahdi

38

Ícones adaptáveis

A partir do Android 8.0, existem ícones adaptativos, compostos por duas camadas separadas. Ambas as camadas são 108 x 108 dp.

insira a descrição da imagem aqui

(imagem adaptada da documentação do Android )

Tamanhos

Se você suporta versões abaixo do Android 8.0, ainda precisa incluir os tamanhos herdados ( 48dp). Marquei os tamanhos de pixel em vermelho para cada resolução abaixo.

insira a descrição da imagem aqui

Não faça isso manualmente

Suponho que você possa fazer tudo isso à mão, se quiser, mas devo dizer que meus dias de trabalho acabaram. O Android Studio 3.0 Asset Studio é muito bom e irá gerar todos eles para você. Tudo o que você precisa fazer é fornecer uma imagem em primeiro plano e plano de fundo suficientemente grande. (Eu usei uma imagem de 1024 x 1024 px).

Para abrir o Asset Studio, vá para Arquivo> Novo> Ativo da imagem .

insira a descrição da imagem aqui


Os ícones herdados também terão de ter um plano de fundo?
desenvolvedor android

@ desenvolvedor android, você pode selecionar "Somente legado" como o tipo de ícone, se desejar gerar ícones sem especificar a camada de plano de fundo. Se você escolher "Adaptável e herdado", os ícones herdados serão gerados mesclando as camadas de primeiro e segundo plano.
Suragch 14/09/17

A própria camada de plano de fundo real (como uma camada distinta) só será usada em dispositivos Android 8.0 ou superior.
Suragch 14/09/17

E se eu quiser que o estilo de ícones adaptativos seja usado apenas no Android O e os estilos herdados (sem o plano de fundo extra, mesmo se mesclado) antes? Também é possível evitar o segundo plano no Android O? Não gosto do estilo de ícones adaptáveis ​​...
desenvolvedor Android

desenvolvedor @android, basta gerar os ícones em duas passagens. Primeiro, faça "Adaptive and Legacy" e forneça as duas camadas. (Você pode até especificar para não gerar os ícones herdados neste momento, mas isso não importa.) Em seguida, faça "Somente legado" e escolha a imagem desejada (por exemplo, a imagem em primeiro plano). Se os ícones herdados já foram gerados na primeira passagem, eles serão substituídos pela sua nova imagem (sem fundo) na segunda passagem. Lembre-se de que você sempre pode excluir qualquer um desses arquivos e substituí-los por imagens criadas manualmente.
Suragch 14/09/17

24

Não há necessidade de ferramentas de terceiros quando o Android Studio pode gerar ícones para nós.

  • File-> New->Image Asset

  • Em seguida, escolha Launcher Iconscomo o tipo de ativo:

  • Escolha uma imagem de alta resolução para o arquivo de imagem:

Android gera ícones do iniciador

  • Next-> Finishpara gerar ícones

gerar ícones ic laucher

Por fim, atualize o android:iconcampo de nome, AndroidManifest.xmlse necessário.


4
O Android Studio parece gerar preenchimento extra em torno dos meus ícones, apesar de eu ter dito para cortar espaços em branco e garantir que o controle deslizante do preenchimento esteja totalmente à esquerda. Um erro no Android Studio talvez ou esteja faltando uma etapa?
Zhang

Este método (infelizmente) é uma merda por causa da cobertura extra coloca Android estúdio em ...
Micro

Clique com o botão direito do mouse na pasta res e selecione Novo> Ativo da imagem. vá para .. developer.android.com/studio/write/image-asset-studio.html
Waruna Manjula

9

Forneça pelo menos uma imagem de 512px X 512px e use esta ferramenta: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Ele irá gerar todos os ícones para você no tamanho correto, incluindo a imagem da web para a loja de jogos.


Frio, mas não gera tamanho ldpi: dados de imagem PNG, 36 x 36, RGBA de 8 bits / cor, não entrelaçados. Este tamanho é usado em dispositivos que executam o Jelly Beans :) ..
Hudson Santos

Crie um novo projeto com o Android Studio e você verá que não há mais pasta ldpi. Eu diria que você não precisa mais deles.
LuckyMalaka

7

O LDPI deve ser 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.


11
O que sua resposta forneceu que outras pessoas ainda não o fizeram? Por favor, não se preocupe com as respostas de reputação de outras pessoas ... ganhe você mesmo.
edwoollard

Isto parece uma cópia exata e cole desta resposta: stackoverflow.com/a/12768159/1974224 #
Cristik

7

De acordo com as diretrizes de design de material ( aqui , em "Grade da unidade DP"), o ícone do seu produto deve ter tamanho 48 dp, com um preenchimento de 1dp, exceto no caso de XXXHDPI, onde o preenchimento deve ser de 4dp.

Portanto, em pixels, os tamanhos são:

  • 48 × 48 (mdpi), com preenchimento de 1 dp
  • 72 × 72 (hdpi), com preenchimento de 1 dp
  • 96 × 96 (xhdpi), com preenchimento de 1 dp
  • 144 × 144 (xxhdpi), com preenchimento de 1 dp
  • 192 × 192 (xxxhdpi), com preenchimento de 4 dp

Eu recomendo evitar o uso do VectorDrawable, pois alguns lançadores não o suportam, mas acho que o WEBP deve ficar bem desde que você tenha a transparência do suporte minSdk para eles (API 18 e acima - Android 4.3).

Se você publicar na Play Store, o requisito para o que fazer o upload é (com base aqui ):

  • PNG de 32 bits (com alfa)
  • Dimensões: 512 px por 512 px
  • Tamanho máximo do arquivo: 1024 KB

6

Bem como @ MartinVonMartinsgrün mencionado Agora existe ferramentas melhores do que afirmar gerador no android studio

Para o ícone do aplicativo (barra de ferramentas, ActionBar, DrawableLeft etc.) http://romannurik.github.io/AndroidAssetStudio/icons-actionbar.html

Para o iniciador (ícone do aplicativo) Use: https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Mas aqui estão alguns truques e maneiras de obter a melhor resolução para ícones e ícones do iniciador.

Passo 1 :

Primeiro, acesse o https://materialdesignicons.com e escolha seu ícone. Ou, se o seu ícone estiver em boa resolução, pule esta etapa. Clique no ícone desejado e clique em "Exportar Avançado". Ele abrirá uma janela como esta abaixoTente gerar o maior ícone possível

Depois clique no "Ícone" para gerar o ícone (.png). Bem, o truque é tentar gerar o maior ícone possível para dispositivos de alta resolução e as ferramentas cuidam de tudo para dispositivos pequenos, mas se você usar um ícone pequeno, ao gerar o ícone para dispositivos de ponta, perderá a resolução do ícone.

Passo 2 :

Em seguida, vá na página Ferramentas e carregue o íconeinsira a descrição da imagem aqui

Clique no botão "Personalizar" se quiser colorir seu ícone. Independentemente da cor do ícone que você está carregando, usando Personalizado, você pode gerar a cor desejada. Em seguida, escolha um nome e clique em "Download .ZIP". Isso fará o download do arquivo .zip com o ícone na maioria das resoluções comuns. Você pode copiar e colar a pasta res na pasta do projeto do aplicativo e verá o ícone na seção de desenho.


4

Publiquei um script para gerar todos os ícones da plataforma para aplicativos PhoneGap a partir de um único arquivo de ícone SVG. Se você possui bitmaps existentes, também incluo algumas notas que podem ajudá-lo a gerar os vetores SVG a partir de um bitmap existente. Isso não funcionará para todos os bitmaps, mas para o seu.


Eu desenvolvo no Sencha Touch, por isso também inclui código para gerar ícones para o Sencha. É fácil remover isso e adaptar-se às suas necessidades. Eu valorizo alguma contribuição para ajudar a gerar o arranque telas
Tony O'Hagan

Haha ... Acabei de fazer isso em um script zsh. Bem, droga.
dylnmc

Quadro icônico também inclui um gerador de imagem para telas iniciais e ícones do App
Tony O'Hagan

2

Eu tive o mesmo problema, mas percebi que a organização do meu ícone gráfico dentro do quadrado permitido (512 x 512 no meu caso) não era maximizada. Então, eu girei a imagem e pude dimensioná-la para preencher melhor os cantos. Em seguida, cliquei com o botão direito do mouse na minha respasta no meu projeto no Android Studio e, em seguida, escolha Newentão Image Asset, ele me levou a um assistente no qual eu selecionava meu arquivo de imagem para usar. Então, se você marcar a caixa "Aparar espaço em branco ao redor", ela garantirá que todas as arestas capazes possam tocar nas laterais do seu quadrado. Essas etapas ficaram muito maiores que o original.


1

Iniciar imagem e tamanho da imagem da barra para envio de aplicativo da Google Play Store

  1. Ícone de alta resolução. PFB na tabela para os tamanhos necessários PNG de 32 bits (com alfa), Dimensões: 512px por 512px, Tamanho máximo do arquivo: 1024KB

Ícone de inicialização obrigatório e tamanho da imagem inicial

  1. No geral, são necessárias pelo menos duas capturas de tela (no máximo 8 capturas de tela por tipo, os tipos incluem "Telefone", "tablet de 7 polegadas" e "tablet de 10 polegadas"). JPEG ou PNG de 24 bits (sem alfa), dimensão mínima: 320 px , Dimensão máxima: 3840px, Tamanhos de amostra: 320 x 480, 480 x 800, 480 x 854.1280 x 720, 1280 x 800 PNG ou JPEG de 24 bits

0

Você pode criar ícones diretamente no próprio estúdio Android. Os passos que você precisa seguir são:

1.Clique com o botão direito do mouse em Res-> Novo-> Ativo da imagem

2.Altere o tipo de ativo para a imagem.

3.Carregue a imagem do disco local

4. Você tem opções para aparar, alterar o preenchimento e adicionar um plano de fundo também. Altere os valores, se necessário.

5. clique em Avançar-> Concluir.

A imagem será automaticamente adicionada a mipmap-mdpi, mipmap-hdpi, mipmap-xhdpi, mipmap-xxhdpi, mipmap-xxxhdpi se você selecionar o ícone do iniciador ou drawable-mdpi, drawable-hdpi, drawable-xhdpi, drawable-xxhdpi, drawable- xxxhdpi se você selecionar outras opções de ícone.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.