Ícones de apps no iOS e Android: imagens, máscaras e arquivos

Um ícone de app no iOS e um ícone de inicialização do Android podem compartilhar o símbolo, mas precisam de recursos técnicos diferentes. O iOS pode derivar variações de uma imagem de alta resolução no catálogo. Ícones adaptativos do Android separam primeiro plano e fundo para permitir máscaras e efeitos do iniciador.

Este guia compara essas responsabilidades. Consulte o guia de tamanhos de ícones quando precisar das dimensões específicas para exportar.

Comece com um desenho reconhecível em tamanho pequeno

Guarde uma cópia original limpa antes de acrescentar tratamentos de plataforma. A identidade comum pode ser um símbolo principal ou monograma curto, com contraste suficiente e espaço ao redor do motivo. Detalhes que desaparecem na tela inicial não ajudam a identificar o aplicativo.

Compare o desenho sobre o fundo previsto e em uma visualização reduzida. Uma imagem convincente em 1024 pixels pode ficar confusa no iniciador. Resolva forma e hierarquia antes de preparar os arquivos de cada sistema.

O iOS usa um catálogo e aplica a forma externa

A Apple documenta um fluxo com uma imagem de 1024 × 1024 para as variações de ícones de iOS e iPadOS. O Xcode a guarda em um catálogo de recursos, normalmente em um conjunto AppIcon. O sistema controla a apresentação externa: não incorpore cantos arredondados à imagem de origem.

A exportação atual de iOS do AppIconGenerator produz esta estrutura, coberta por testes locais:

iOS/
├── AppIcon.appiconset/
│   ├── AppIcon-1024.png
│   └── Contents.json
├── AdditionalSizes/
│   └── ...optional PNG sizes
└── README.txt

Contents.json declara a imagem de 1024 como recurso universal do iOS. Os PNGs adicionais ficam em uma pasta separada para projetos que ainda precisam deles; não substituem a entrada universal do catálogo.

Essa exportação não cria aparências escuras ou tonalizadas. A Apple também oferece fluxos mais recentes com Icon Composer. Confira o destino e a versão do Xcode antes de considerar a pasta pronta para envio à loja.

O gerador de ícones iOS permite comparar a máscara e criar os arquivos locais.

O Android mantém primeiro plano e fundo separados

A orientação para ícones adaptativos usa uma tela de 108 × 108 dp para as duas camadas. A área segura central de 66 × 66 dp permanece visível sob as máscaras compatíveis. A região externa deixa espaço para recortes e movimentos do iniciador.

Prepare, quando possível, um símbolo transparente no primeiro plano e um fundo que preencha sua camada. Mantenha letras e detalhes essenciais dentro da área segura. Compare várias formas: algo equilibrado no quadrado arredondado pode perder parte do desenho no círculo.

A exportação adaptativa atual inclui PNGs por densidade, imagens tradicionais e referências XML para Android 8.0 e versões posteriores:

Android/
├── res/
│   ├── mipmap-mdpi/
│   ├── mipmap-hdpi/
│   ├── mipmap-xhdpi/
│   ├── mipmap-xxhdpi/
│   ├── mipmap-xxxhdpi/
│   └── mipmap-anydpi-v26/
│       ├── ic_launcher.xml
│       └── ic_launcher_round.xml
├── play_store_512.png
└── README.txt

Cada pasta de densidade contém ic_launcher.png e ic_launcher_round.png. O modo adaptativo acrescenta ic_launcher_foreground.png e ic_launcher_background.png, usados pelas referências XML.

No criador de ícones Android, confira máscaras, escala do primeiro plano e área segura antes de baixar o pacote.

A imagem do Google Play não é o recurso do iniciador

A imagem da ficha e os recursos do aplicativo têm funções diferentes. O Google Play especifica atualmente um PNG de 512 × 512, 32 bits, em sRGB, com até 1024 KB. A loja aplica sua máscara e sombra; envie um quadrado completo sem máscara externa nem sombra acrescentadas.

O arquivo está em Android/play_store_512.png. Ele não substitui os recursos de Android/res/. Uma exportação bem-sucedida no navegador também não prova aceitação no Play Console.

Quais decisões podem ser compartilhadas?

Finalize o símbolo comum e prepare os tratamentos técnicos. O App Icon Maker reúne as prévias e exportações para comparar as plataformas.

Checklist antes de exportar

1. Observe o símbolo no tamanho da tela inicial.
2. Deixe os cantos externos do iOS por conta do sistema.
3. Mantenha o motivo Android na área segura adaptativa.
4. Confira a imagem do Google Play separadamente.
5. Verifique nomes e referências antes de trocar recursos do projeto.
6. Compile e veja o aplicativo em simulador ou dispositivo.

Exemplo instalado no simulador

Em 2 de outubro de 2026, o ícone exportado foi instalado em um simulador iPhone 17 isolado com iOS 26.5. O app iniciou e o ícone XY apareceu na tela inicial. Isso verifica esse projeto e ambiente, sem provar o resultado em aparelho físico ou aprovação na App Store.

Em 2 de outubro de 2026, os recursos foram instalados em um simulador Android API 36 isolado. O app iniciou e o ícone XY apareceu na lista de aplicativos. A verificação cobre esse launcher e build; outras máscaras e aparelhos precisam de testes próprios.

Perguntas frequentes

iOS e Android podem usar a mesma imagem de origem?

Podem compartilhar o desenho. Mantenha uma versão quadrada opaca para iOS e um primeiro plano transparente com fundo separado para Android adaptativo. Exporte cada um na estrutura de sua plataforma.

Devo arredondar os cantos no desenho?

Não. Os sistemas e o Google Play aplicam suas próprias máscaras. Um recorte incorporado pode produzir cantos duplos ou margens inesperadas.

A imagem do Google Play serve como primeiro plano adaptativo?

Em geral, não. É uma imagem quadrada completa para a loja. O primeiro plano precisa do motivo com transparência e espaço de segurança, enquanto o fundo fica separado.

Fontes consultadas

• Apple: configurar o ícone com catálogo de recursos
• Apple: criar o ícone com Icon Composer
• Android Developers: ícones adaptativos
• Android Developers: especificações de ícones do Google Play

Consulta: 20 de setembro de 2026. Estrutura local: src/lib/icon-forge/zip.ts, coberta por src/lib/icon-forge/zip.test.ts.