Quais ícones um site ou app precisa?
Cada plataforma pede seu próprio ícone em seu próprio tamanho. Um site precisa do favicon.ico, PNG de 16 e 32 px e um apple-touch-icon de 180 px para a tela de início do iPhone. Uma PWA precisa de ícones de 192 e 512 px, um ícone «maskable» e um manifest. Um app iOS exige um ícone de 1024 px sem transparência e um app Android, ícones de inicialização em cinco densidades.
Este gerador cria tudo isso a partir de uma única imagem, de preferência um SVG ou um PNG quadrado de pelo menos 512 px. Você escolhe os pacotes, o nome do app, a cor de fundo e a margem e baixa um ZIP organizado: arquivos web na raiz, AppIcon.appiconset pronto para o Xcode e pastas mipmap prontas para o Android Studio.
Os ícones que não podem ser transparentes (Apple, iOS, maskable, Google Play) usam a cor de fundo escolhida. A ferramenta também entrega o código HTML para o <head>. Tudo acontece no navegador. Com o ToolStudio Pro você gera os ícones de vários logos de uma vez.
Como gerar os ícones do seu app
- Arraste seu logo (SVG ou PNG quadrado) para a ferramenta.
- Marque os ícones: favicon, PWA, iOS e Android.
- Digite o nome do app, escolha a cor de fundo e a margem.
- Clique em «Gerar ícones» e baixe o ZIP.
- Envie os arquivos web para a raiz do site e cole o código no <head>.
Quando usar esta ferramenta
- Colocar favicon e ícone de iPhone em um site novo.
- Tornar um site instalável como PWA com manifest e ícones.
- Preparar o ícone de um app iOS para o Xcode.
- Gerar os ícones de inicialização do Android em todas as densidades.
O que vem no ZIP
- Web: favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png e favicon.svg se você enviar um SVG.
- PWA: android-chrome-192x192.png, android-chrome-512x512.png, maskable-icon-512x512.png e site.webmanifest.
- iOS: ios/AppIcon.appiconset com o ícone de 1024 px e Contents.json (Xcode 14 ou posterior).
- Android: mipmap-mdpi a mipmap-xxxhdpi com ic_launcher e ic_launcher_round, mais o ícone de 512 px para o Google Play.
- head-snippet.html com as tags <link> e <meta>.
Formatos
- Entrada: SVG, PNG, JPG, WebP, GIF, BMP, AVIF ou ICO.
- Saída: um ZIP com PNG, ICO, manifest JSON e código HTML.
Perguntas Frequentes
Meu logo é enviado a algum servidor?
Não. Todos os ícones são gerados no navegador.
Qual tamanho minha imagem deve ter?
De preferência um SVG ou PNG quadrado de pelo menos 512 px, ou 1024 px para o ícone do iOS.
Por que alguns ícones têm fundo?
A Apple preenche de preto a transparência do apple-touch-icon, a App Store rejeita ícones iOS transparentes e os ícones maskable devem preencher o quadrado. Por isso usam a sua cor de fundo.
O que é um ícone maskable?
Um ícone de PWA que o Android pode recortar em círculo ou outras formas. A ferramenta deixa uma margem de segurança para não cortar o logo.
Posso gerar ícones de vários logos?
Sim, com o ToolStudio Pro: cada logo tem sua pasta no ZIP. O teste grátis é de um logo.
É grátis?
Teste grátis com um logo. Para uso ilimitado e em lote, o ToolStudio Pro custa 1,99 € por mês.