Guia de tamanhos de ícone para iOS e Android
Ícones para lojas, fluxo de tamanho único no Xcode e densidades clássicas do Android, com um caminho local para exportar múltiplos tamanhos.
Ícone de loja não é favicon de site. Para publicação em app stores, ele precisa ser opaco, quadrado e no tamanho exigido pelos consoles de envio, não por tags <link rel="icon">.
Para ver onde os ícones entram no pacote completo, consulte o guia de assets de listagem.
Ícones de envio para loja
| Loja | Tamanho | Observação |
|---|---|---|
| App Store Connect | 1024×1024 PNG | Sem transparência; o sistema aplica máscara arredondada |
| Google Play Console | 512×512 PNG | Ícone em alta resolução da listagem |
Esses são assets de marketing para envio. Dentro do projeto, Xcode e Android Studio ainda podem precisar de tamanhos adicionais.
iOS dentro do Xcode
No Xcode moderno, um único master 1024×1024 no asset catalog costuma gerar variações para Tela Inicial, Spotlight, Ajustes e notificações. Mesmo assim, o arquivo 1024×1024 continua sendo enviado separadamente no App Store Connect.
Entre os contextos mais comuns estão 180×180 (iPhone @3x), 120×120 (@2x), 87×87 (Ajustes @3x) e 60×60 (notificação @3x).
Densidades de launcher no Android
Ícones tradicionais de launcher ainda seguem buckets por densidade:
| Densidade | Tamanho |
|---|---|
| mdpi | 48×48 |
| hdpi | 72×72 |
| xhdpi | 96×96 |
| xxhdpi | 144×144 |
| xxxhdpi | 192×192 |
Adaptive icon (camadas de foreground/background) é outro fluxo. Um PNG achatado não substitui a semântica de camadas adaptativas: não basta ampliar um único arquivo e chamar de “adaptive”.
Fluxo local para exportar
- Comece com o logo quadrado de maior resolução que você tiver (idealmente 1024×1024 ou mais).
- Abra o Gerador de conjunto de ícones.
- Escolha Cover para preencher tudo ou Contain com fundo sólido para preservar o símbolo inteiro.
- Selecione apenas os presets de loja, iOS e Android que você realmente vai usar.
- Baixe PNGs individuais ou um zip plano com nomes estáveis.
Todo o processamento ocorre no navegador. A ferramenta redimensiona uma arte que você já possui; ela não cria logo novo.
Favicon vs ícone de app
Favicon e ícone de PWA pertencem a outro fluxo. Para snippets HTML <link> e manifest, use o Gerador de favicon, não este pacote de ícones para lojas.