Gerador de favicon
Crie um favicon a partir de letras, emoji ou imagem: favicon.ico com vários tamanhos, PNGs de 16 a 512 px, Apple touch icon, web manifest e as tags link HTML. Tudo no navegador.
Até 3 caracteres, ex.: “A”, “AK” ou “🚀”.
O que é Gerador de favicon?
Gere um conjunto completo de favicons para o seu site a partir de letras ou um emoji (com suas cores e formato) ou de uma imagem. Você recebe um favicon.ico com vários tamanhos (16, 32 e 48 px), ícones PNG de 16, 32, 48, 180 (Apple touch icon), 192 e 512 px, um site.webmanifest e as tags HTML <link> para colar no seu <head>.
Como usar Gerador de favicon
- Escolha a Origem: Texto ou emoji, ou Imagem (uma imagem quadrada funciona melhor).
- Defina o Formato, o Fundo e a Cor do texto, além do Nome do app para o manifest.
- Clique em Baixar favicon.ico e baixe os arquivos PNG de que precisa a partir das prévias.
- Copie o HTML para o <head> e o site.webmanifest e coloque todos os arquivos na pasta raiz do seu site.
Exemplo
Text "A", Rounded, Background #4f46e5
<link rel="icon" href="/favicon.ico" sizes="48x48"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
Mais o favicon.ico (16, 32, 48 px) e seis arquivos PNG.
Quando usar Gerador de favicon
Use-o em sites novos, projetos pessoais, ferramentas internas e sites de documentação. Se você tem um logo detalhado, crie versões simplificadas para 16 e 32 px, porque detalhes finos desaparecem nesses tamanhos. Use também um favicon SVG se quiser um ícone nítido que se adapte ao modo escuro.
Como funciona Gerador de favicon
Cada tamanho é desenhado em um canvas separado: o formato é preenchido com a cor de fundo e até três caracteres são centralizados e escalados para o tamanho do ícone, ou a imagem é cortada pelo centro em um quadrado e redimensionada com suavização de alta qualidade. Cada canvas é exportado como PNG. O arquivo .ico é montado byte a byte: um cabeçalho ICONDIR de 6 bytes, uma entrada de diretório de 16 bytes por tamanho (largura, altura, 32 bpp, tamanho e deslocamento dos dados) e as imagens PNG embutidas em seguida — o formato PNG dentro de ICO, suportado por todos os navegadores atuais e pelo Windows Vista em diante. O Apple touch icon de 180 px é sempre quadrado e opaco, porque o iOS arredonda os cantos sozinho.
Casos de Uso Comuns
- Criar em segundos um favicon com letra ou emoji para um projeto pessoal
- Gerar todos os tamanhos de ícone a partir de um logo quadrado
- Adicionar um Apple touch icon e um web manifest para instalação na tela inicial
- Produzir um favicon.ico de verdade, com vários tamanhos, para navegadores antigos
Perguntas Frequentes
Ainda preciso do favicon.ico?
Os navegadores pedem /favicon.ico automaticamente, e algumas ferramentas e leitores de RSS só procuram ali, então ainda vale a pena oferecê-lo junto com os ícones PNG.
Por que meu favicon não atualiza?
Os navegadores guardam favicons em cache de forma agressiva. Force a atualização, abra diretamente a URL do ícone ou acrescente uma query string de versão às tags link.
Minha imagem é enviada?
Não. Todos os ícones e o arquivo .ico são criados no seu navegador.