Gerador de Favicon
Uma imagem quadrada funciona melhor. PNG, JPG, SVG e WebP são suportados.
Ferramentas externas relacionadas
Alguns links são links de afiliados.
Ferramentas relacionadas
Transforme qualquer imagem em um conjunto completo de favicons — os pequenos ícones que os navegadores exibem em abas, favoritos e telas iniciais do celular. Envie uma imagem, baixe cada tamanho em PNG e copie o trecho HTML e de manifest prontos para adicionar ao seu site. Tudo ocorre no seu navegador; sua imagem nunca é enviada.
Como usar
- Escolha uma imagem — um logotipo ou ícone quadrado dá o melhor resultado.
- Selecione um fundo transparente ou branco para os ícones.
- Baixe cada tamanho PNG e copie o trecho HTML e de manifest para o seu site.
Como funciona
Sua imagem é desenhada em um canvas em cada tamanho necessário — 16 e 32 pixels para abas do navegador, 48 para Windows, 180 para ícones de toque Apple, e 192 e 512 para Android e PWAs. Reduzir a partir de uma fonte grande e quadrada mantém os ícones nítidos. O trecho HTML informa aos navegadores onde encontrar cada arquivo.
Recursos
Todos os tamanhos necessários
Gera o conjunto completo — 16, 32, 48, 180, 192 e 512 pixels — de uma só vez.
Navegador, Apple e Android
Inclui apple-touch-icon e ícones para Android/PWA, não apenas o favicon clássico de aba.
Trechos prontos para uso
Copie as tags link HTML e um site.webmanifest mínimo para que a configuração seja apenas colar e usar.
Transparente ou branco
Mantenha a transparência ou achate sobre fundo branco conforme seu ícone.
Totalmente local
As imagens são processadas no seu navegador e nunca enviadas a nenhum servidor.
Quando usar
Novo site
Adicione um favicon profissional ao lançar um site para que fique completo nas abas do navegador.
Ícones PWA
Gere os ícones de 192 e 512 pixels que um aplicativo web progressivo precisa para a tela inicial.
Rebranding
Atualize o novo logotipo em todos os tamanhos de favicon de uma vez quando a marca mudar.
Blog ou portfólio
Dê ao seu site pessoal um ícone reconhecível que se destaque entre as abas abertas.
Observações
- Uma imagem fonte quadrada evita distorções; imagens não quadradas são centralizadas com preenchimento.
- Fundos transparentes são preservados no PNG resultante.
- Coloque os arquivos baixados na raiz do seu site e adicione o trecho no head da página.
- Todo o processamento é executado no seu dispositivo; sua imagem nunca é enviada.
Perguntas frequentes
- Ainda preciso de um arquivo .ico?
- Navegadores modernos aceitam favicons PNG pelas tags link fornecidas aqui, portanto um .ico geralmente é opcional. Os PNGs de 16 e 32 pixels cobrem os ícones de aba.
- Quais tamanhos são gerados?
- 16, 32 e 48 para navegadores, 180 para ícones de toque Apple, e 192 e 512 para Android e aplicativos web progressivos.
- Posso manter a transparência?
- Sim. Escolha o fundo transparente e os PNGs manterão seu canal alfa. Escolha branco para achatar sobre fundo sólido.
- Como adiciono ao meu site?
- Coloque os arquivos baixados na raiz do site e cole o trecho HTML no head das suas páginas, mais o manifest para PWAs.
- Minha imagem é enviada a um servidor?
- Não. A imagem é processada completamente no seu navegador e nunca sai do seu dispositivo.