Gerador de ícones de app
O que faz
Recebe uma imagem de origem e produz o conjunto padrão de ícones de web app como PNGs: favicons de 16 e 32 px, o apple-touch-icon de 180 px e os ícones de manifest de 192/512 px. Cada saída é renderizada com suavização de alta qualidade e um ajuste contain centralizado (letterboxing sobre transparência, ou fundo branco se você preferir ícones opacos). Você pode baixar os tamanhos individualmente ou o conjunto inteiro de uma vez.
A decodificação e a renderização acontecem inteiramente no seu navegador - a imagem nunca é enviada para lugar nenhum.
Como usar
- Solte um logotipo ou ícone quadrado (PNG com transparência funciona melhor).
- Ative o fundo branco se você quiser ícones opacos.
- Pressione Gerar conjunto de ícones.
- Baixe os tamanhos que precisa, ou Baixar tudo.
Um mestre único de 512×512 ou 1024×1024 é a origem ideal; fontes menores ainda funcionam, mas escalam mal em 512.
Exemplos
Soltar um PNG transparente de 256×256 gera cinco arquivos: icon-16.png, icon-32.png, apple-touch-icon.png (180), icon-192.png, icon-512.png - exatamente o conjunto que um fluxo de <link rel="icon"> + web manifest espera.
Bom saber
- O formato ICO não é produzido: navegadores modernos usam favicons PNG, e o PNG de 32 px cobre o caso de uso clássico.
- A transparência é preservada por padrão; algumas lojas de apps e launchers preferem ícones opacos - use o toggle de fundo branco para esses.
- O ajuste contain nunca corta nem estica: fontes não quadradas ganham letterbox.