Gerador de Favicon
Gere favicons em todos os tamanhos a partir de qualquer imagem. Baixe como ZIP com manifesto e links HTML.
Reportar um Problema
Encontrou um bug ou tem uma sugestão? Ajude-nos a melhorar esta ferramenta.
O que é esta ferramenta?
O Gerador de Favicon cria todos os ícones necessários para um site a partir de uma única imagem de origem. Ele gera favicon.ico (16x16, 32x32, 48x48), Apple Touch Icon (180x180), ícones Android Chrome (192x192, 512x512), site.webmanifest e browserconfig.xml. Baixe tudo como um pacote ZIP pronto para deploy, com o código de integração HTML.
Como usar
- 1
Enviar imagem
Envie uma imagem PNG, JPG ou SVG (recomendado 512x512 ou maior).
- 2
Pré-visualizar tamanhos
Veja como a sua imagem aparece em diferentes tamanhos de favicon.
- 3
Baixar tudo
Baixe um ZIP contendo todos os tamanhos de ícone, os arquivos de manifesto e o código de integração HTML.
Perguntas frequentes
O que é um favicon?
Um favicon (de favorite icon, ícone favorito) é o pequeno ícone exibido nas abas do navegador, nos favoritos e na barra de endereços. Ajuda os usuários a identificarem o seu site de relance. Sites modernos precisam de vários tamanhos: 16x16 e 32x32 para navegadores, 180x180 para dispositivos Apple e 192x192/512x512 para Android.
Qual formato de imagem devo usar?
Use uma imagem PNG de alta resolução (512x512 ou maior) com fundo transparente para obter os melhores resultados. O PNG suporta transparência, o que é importante para exibir os ícones corretamente sobre diferentes cores de fundo. O gerador criará automaticamente todos os tamanhos e formatos necessários.
Como instalo os favicons gerados?
Envie todos os arquivos para o diretório raiz do seu site. O ZIP inclui um arquivo HTML-links.txt com todas as tags de link HTML: cole-as na seção <head> da sua página.
O que é o site.webmanifest?
O Web App Manifest é um arquivo JSON que indica aos navegadores como o seu site deve aparecer quando instalado como aplicativo. Ele especifica ícones, modo de exibição, nome e cor do tema. Navegadores modernos (Chrome, Edge, Firefox) o usam para exibir os ícones do seu PWA (Progressive Web App).
Preciso do browserconfig.xml?
O arquivo browserconfig.xml só é necessário para a personalização de tiles do Microsoft Edge e do Internet Explorer. Se você mirar apenas navegadores modernos, é opcional. No entanto, incluí-lo garante compatibilidade completa em todos os navegadores.
Como eu crio um favicon?
Envie um logotipo ou qualquer imagem quadrada, e a ferramenta gera o conjunto completo de tamanhos de favicon (de 16×16 a 512×512) mais um favicon.ico, um site.webmanifest e um browserconfig.xml para que o ícone funcione em navegadores, abas e telas de início. Depois instale: coloque os arquivos na raiz do seu site, adicione as tags link geradas pela ferramenta e limpe o cache do navegador para ver o novo ícone.