Como usar
- Escolha “Texto / emoji” e digite de um a três caracteres, ou escolha “Imagem” e envie seu logo (SVG ou um PNG quadrado de pelo menos 512 px funcionam melhor).
- Escolha as cores e um formato — quadrado, arredondado ou círculo.
- Confira a pré-visualização em 16, 32, 64 e 128 px; os tamanhos pequenos mostram se o desenho continua legível.
- Baixe o ZIP, envie os arquivos para a pasta raiz do seu site e cole o HTML no head.
Opções explicadas
- favicon.ico
- Contém versões de 16, 32 e 48 px para navegadores, favoritos e atalhos do Windows.
- apple-touch-icon.png
- 180 × 180 px com fundo sólido, usado quando alguém adiciona seu site à tela inicial do iPhone ou iPad.
- icon-192.png / icon-512.png
- Referenciados no site.webmanifest para a tela inicial do Android e apps web instaláveis.
- icon.svg
- Um ícone escalável para navegadores modernos, incluído quando a origem é texto ou um arquivo SVG.
O HTML
Depois de enviar os arquivos para a raiz do seu site, adicione isto ao head de todas as páginas:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Perguntas frequentes
De quais arquivos eu realmente preciso?
O favicon.ico na raiz do site atende a todos os navegadores. Adicione o apple-touch-icon.png para iOS e o manifest com os ícones 192/512 se quiser um ícone adequado quando o site for instalado ou fixado no Android.
Por que meu favicon fica borrado em 16 px?
Detalhes finos somem em 16 × 16 pixels. Use uma letra forte ou uma versão simplificada do símbolo do logo, em vez do logo completo com texto.
Atualizei o favicon, mas ainda vejo o antigo.
Os navegadores guardam favicons em cache de forma agressiva. Recarregue a página forçando a atualização ou adicione um parâmetro de versão, como /favicon.ico?v=2, nas tags link.
Posso usar um emoji como favicon?
Sim. Os emojis são desenhados com a fonte de emoji do seu sistema, então o resultado fica igual ao que você vê na pré-visualização.
Privacidade
Esta ferramenta funciona inteiramente no seu navegador. Seus arquivos e textos são processados no seu dispositivo e nunca são enviados aos nossos servidores.