Favicon Generator
Generate favicons
Generate favicons Executa localmente no seu navegador
About the
O Favicon Generator pega uma imagem, corta-a em um quadrado a partir do centro e produz um arquivo de ícone de 64 por 64 que você pode colocar na raiz do site. O corte é mais importante do que parece: os navegadores tornam os favicons quadrados, de modo que um logotipo largo espremido em um quadrado parece errado, enquanto um corte central geralmente mantém a parte reconhecível. A imagem é processada em uma tela no seu navegador, portanto nada é carregado.
Where people use the
- Gerar um favicon a partir de um logotipo antes do lançamento do site.
- Produzir um ícone rápido para um protótipo ou ferramenta interna.
- Substituindo um ícone de espaço reservado que sobrou de um modelo.
- Fazendo uma versão quadrada de um logotipo largo para usar em uma aba.
How to use the
- 1
Carregar uma imagem
Escolha o logotipo ou imagem que deseja usar. Uma imagem de origem quadrada oferece o melhor resultado porque nada é cortado.
- 2
Deixe cortar e redimensionar
O lado mais curto é usado como quadrado de corte, retirado do centro, e o resultado é desenhado em 64 por 64.
- 3
Compare as duas visualizações
O original e o ícone são mostrados lado a lado para que você possa ver o que o corte removeu.
- 4
Baixe o ícone
Salve o arquivo como favicon.ico e coloque-o na raiz do seu site ou carregue-o onde quer que sua estrutura espere ativos estáticos.
Dicas e práticas recomendadas
- Carregue uma imagem quadrada para evitar perder as bordas de um logotipo largo.
- Dê ao ícone um fundo simples se ele for mostrado nas guias claras e escuras.
- Recarga difícil após o upload; os navegadores armazenam favicons de forma agressiva.
Perguntas frequentes
Por que meu logotipo está cortado?
Porque os favicons são quadrados. A ferramenta pega o maior quadrado que cabe, do centro. Uma imagem de origem quadrada evita totalmente o corte.
Qual tamanho devo carregar?
Pelo menos 64 por 64 e quadrado, se puder. Imagens maiores são simplesmente reduzidas; os menores parecerão macios.
Preciso de mais de um tamanho?
Para a maioria dos sites, um ícone é suficiente, porque os navegadores reduzem um ícone de 64 pixels para guias. Se você deseja resultados nítidos em todos os lugares, gere versões de 16, 32 e 180 pixels separadamente.
Para onde vai o arquivo?
Na raiz do site como favicon.ico, que os navegadores solicitam por convenção. Se sua estrutura servir arquivos estáticos de um diretório como público, coloque-o lá.
Por que a guia ainda mostra o ícone antigo?
Porque está em cache. Recarregue a página ou abra-a em uma janela privada e o novo ícone aparecerá.