Um ícone de aplicativo para iOS, uma imagem de página do Google Play, as camadas de um ícone adaptativo do Android e um favicon web têm usos diferentes. Defina o destino antes de exportar. O Iconise oferece PNG, vetorização SVG e um ZIP de favicons; isso não forma um pacote de envio para todas as lojas.
Separar quatro entregas
| Destino | Requisito documentado | O que preparar |
|---|---|---|
| Ícone de aplicativo iOS/iPadOS/macOS | Apple: formato quadrado de 1024 × 1024 px; as HIG descrevem design em camadas e máscara aplicada pelo sistema. | Arte de origem e recursos necessários para as aparências e o projeto Xcode. Um serviço de exportação não garante aceitação. |
| Página do Google Play | 512 × 512 px; PNG de 32 bits, sRGB e até 1024 KB. O Google Play aplica máscara e sombra. | Arquivo quadrado, sem cantos arredondados ou sombra externa adicionada. |
| Ícone adaptativo do Android | Duas camadas coloridas de 108 × 108 dp; o logotipo deve ter entre 48 e 66 dp. Uma camada monocromática pode atender a ícones temáticos. | Recursos de primeiro plano e fundo e, se necessário, um recurso monocromático no projeto Android. |
| Favicon web | Recursos declarados com `link rel="icon"` e seus tamanhos disponíveis. O navegador escolhe um recurso adequado. | Arquivos do site e elementos `link`; dependendo do projeto, um manifesto web também. |
O que o Iconise prepara
A tela final do Iconise permite baixar a arte como PNG, solicitar uma versão SVG por vetorização e criar um ZIP de favicons web. O pacote inclui `favicon.ico` (16, 32 e 48 px), PNGs de 16 e 32 px, `apple-touch-icon.png` de 180 px, ícones Android Chrome de 192 e 512 px e `site.webmanifest`.
Preparar os arquivos de origem e conferir as exportações
- Anote a plataforma, o local de uso (launcher, página da loja ou site) e as aparências previstas.
- Consulte a documentação oficial para conferir dimensões, máscaras e estrutura.
- Guarde uma arte mestre limpa e prepare as camadas ou exportações específicas para cada destino.
- Depois de integrar, confira nome, formato, dimensões, transparência, compressão e resultado visual.
- Teste no projeto e no fluxo de publicação reais. Uma exportação não prova que a loja aceitará o arquivo.
O caso específico dos favicons web
O navegador pode escolher entre vários links `rel="icon"` conforme o tipo e os tamanhos declarados. O ZIP do Iconise inclui esses recursos e um manifesto; ainda é preciso adicionar os arquivos ao site e conferir os caminhos e a aparência. Apple Touch Icons para atalhos web são diferentes dos ícones de aplicativos iOS.
Erros frequentes
- Usar um PNG de favicon como se ele tivesse camadas adaptativas para Android.
- Confundir a imagem da página do Google Play com o ícone do launcher instalado no dispositivo.
- Desenhar cantos arredondados ou uma sombra que a plataforma aplica automaticamente.
- Tratar uma vetorização SVG como uma arte vetorial mestre, criada e revisada manualmente.
- Supor que um formato ou tamanho garanta a aceitação pela loja.
Depois de listar os destinos, volte ao guia de comparação e confira se o ícone continua legível em cada contexto.