Voltar

PASSO A PASSO VISUAL

Trocar o ícone do app pela sua logo

Substitua o robô verde padrão do Android pelo ícone da sua marca usando o Asset Studio dentro do Android Studio. Faça um passo de cada vez — cada etapa termina dizendo o que você deve estar vendo antes de seguir.

📋 O que você precisa antes de começar

  • Projeto já aberto no Android Studio (sincronizado, sem erro)
  • Sua logo em PNG, de preferência quadrada (ex: 512×512 ou 1024×1024)
  • A logo deve ter fundo transparente ou ser fácil de recortar
  • Se for atualizar app já publicado na Play Store: ter a mesma keystore usada antes ⚠️
1

Abra o painel Project (vista Android)

No canto superior esquerdo do Android Studio, no painel lateral chamado Project, confirme que está selecionada a vista Android (e não Project Files).

Expanda a árvore app e procure pela pasta res — ela fica logo abaixo de assets:

app
├── manifests
├── java
├── assets
└── res          ← essa aqui ✅
    ├── drawable
    ├── mipmap   ← os ícones ficam aqui
    └── values
Se não achar a pasta res, use o atalho duplo Shift → digite Image Asset → Enter. Abre direto o Asset Studio.
→
Resultado esperado: A pasta res selecionada (em destaque azul) no painel Project.
2

Abrir o Asset Studio

Com a pasta res selecionada:

  • Clique com o botão direito em res
  • No menu: New → Image Asset (ícone colorido azul/rosa 🖼️)
Se "Image Asset" não aparecer no menu, use o atalho duplo Shift → digite Image Asset → Enter.
→
Resultado esperado: Janela Configure Image Asset aberta, com pré-visualização do robô verde padrão à direita.
3

Configurar o Foreground Layer (sua logo)

Na janela do Asset Studio, no topo, configure assim:

  • Icon type: Launcher Icons (Adaptive and Legacy)
  • Name: deixe ic_launcher (não mude)

Clique na aba Foreground Layer (a aba que fica em destaque azul) e configure:

  • Asset type: marque Image
  • Path: clique no ícone da pastinha 📁 → selecione o PNG da sua logo
→
Resultado esperado: O preview à direita mostra sua logo em vez do robô verde do Android.
4

Ajustar o Resize para a logo caber inteira

Role um pouco pra baixo na aba Foreground Layer e procure o slider Resize.

Olhe o preview à direita — nas variações Circle e Squircle, sua logo precisa estar inteira dentro do círculo tracejado (a "safe zone"). Se estiver cortando nas bordas:

  • Diminua o Resize para algo entre 60% e 75%
  • Trim: marque Yes (corta espaço transparente em volta da logo)
Marque também Show safe zone no canto superior direito do preview — o círculo tracejado mostra a área segura. Tudo que estiver fora dele pode ser cortado em alguns celulares.
→
Resultado esperado: Logo centralizada, completamente dentro do círculo tracejado, em todas as 6 variações de preview.
5

Configurar o Background Layer (cor sólida)

Clique na aba Background Layer (ao lado de Foreground Layer, no topo).

Ícones adaptativos do Android não podem ter fundo transparente. Se deixar transparente (quadriculado cinza/branco no preview), o ícone vai ficar feio em alguns celulares.

Configure assim:

  • Asset type: marque Color
  • Color: clique no quadrado e cole o hex da cor desejada

Sugestões de cor de fundo:

#0A1929
Azul escuro premium
#000000
Preto clássico
#FFFFFF
Branco limpo
#1E2761
Azul corporativo
#2C5F2D
Verde marca
#B85042
Terracota
Escolha uma cor que combine com a sua logo ou que contraste bem para destacar. Se sua logo é colorida, fundos escuros (preto, azul-marinho) costumam funcionar muito bem.
→
Resultado esperado: O preview agora mostra sua logo sobre o fundo colorido sólido — sem nenhum quadriculado transparente visível.
6

Verificar o preview e finalizar

Antes de clicar em Next, faça uma checagem final no preview da direita:

  • ✅ Logo aparece inteira em todas as variações (Circle, Squircle, etc)
  • ✅ Fundo é colorido sólido (não transparente)
  • ✅ A logo está centralizada, com respiro nas bordas
  • ✅ Aparece o aviso amarelo "An icon with the same name already exists and will be overwritten" — isso é normal e esperado

Quando estiver tudo certo:

  • Clique em Next (botão azul, embaixo à direita)
  • Vai mostrar a lista de arquivos que serão sobrescritos → clique Finish
→
Resultado esperado: Asset Studio fecha. Os ícones novos são gerados automaticamente nas pastas mipmap-* dentro de res.
7

Limpar e reconstruir o projeto

Agora precisa recompilar pra que o ícone novo entre no AAB/APK. No menu superior:

  • Menu Build → Clean Project
  • Espera terminar (aparece "BUILD SUCCESSFUL" no painel Build embaixo)
  • Menu Build → Assemble Project
  • Espera terminar de novo
Nas versões mais novas do Android Studio o item Rebuild Project não existe mais — use Assemble Project no lugar dele (faz o mesmo).
→
Resultado esperado: Mensagem "BUILD SUCCESSFUL" nos dois passos, sem nenhum erro vermelho no painel Build.
8

Gerar o AAB assinado para a Play Store

No menu superior:

  • Menu Build → Generate Signed App Bundle or APK...
  • Marque Android App Bundle → Next
  • Selecione sua keystore existente (ou crie uma nova se for primeiro upload)
  • Preencha: senha da keystore + alias + senha do alias → Next
  • Escolha release → Finish
CRÍTICO: se o app já está publicado na Play Store, você obrigatoriamente precisa assinar com a MESMA keystore usada antes. Se perdeu a keystore, terá que publicar como app novo (com outro applicationId).
→
Resultado esperado: Notificação no canto inferior direito: "APK(s) generated successfully" com link locate. O arquivo fica em android/app/release/app-release.aab.
9

Subir o AAB no Google Play Console

Pra fechar o ciclo:

  • Acesse o Google Play Console
  • Selecione seu app → Produção (ou faixa de teste interno/fechado)
  • Clique em Criar nova versão
  • Faça upload do app-release.aab gerado no passo 8
  • Preencha as notas da versão e envie pra revisão
Lembre de aumentar o versionCode e o versionName no build.gradle antes de gerar o AAB. Se não, o Play Console rejeita o upload com erro "Version code already used".
→
Resultado esperado: Versão enviada com sucesso. Em algumas horas (até dias), seus usuários atuais vão ver a atualização com o ícone novo na tela inicial. 🎉

Pronto!

Seu app agora tem o ícone da sua marca no lugar do robô verde padrão do Android. Quando os usuários atualizarem, vão ver o ícone novo automaticamente na tela inicial do celular.