Gerar favicon a partir de uma imagem
Recorta sua imagem em quadrado e gera o arquivo .ico do site direto no navegador. Sem cadastro, sem marca d’água e sem enviar nada.
Suas imagens
Ajustes
Imagens geradas
- Nada é enviado
- Grátis, sem cadastro
- Remove EXIF
- Vários arquivos
Favicon é o ícone que aparece na aba do navegador, nos favoritos e no atalho da tela inicial. O formato ICO continua sendo o mais compatível porque navegadores antigos o procuram automaticamente em /favicon.ico, sem precisar de nenhuma declaração no HTML.
O desafio do favicon é o tamanho de exibição: 16 por 16 pixels na aba. Nesse tamanho, um logotipo com texto ou detalhe fino vira uma mancha ilegível. Os favicons que funcionam usam uma forma simples, uma ou duas cores e alto contraste — normalmente apenas a inicial da marca ou um símbolo isolado.
Esta página recorta a sua imagem em quadrado e gera o arquivo ICO. Suba o resultado na raiz do seu site como favicon.ico e ele será encontrado automaticamente.
Como funciona
Do logotipo ao arquivo favicon.ico na raiz do site, em três passos.
Envie o logotipo ou o símbolo
PNG com transparência, JPG ou até SVG, que é rasterizado no navegador antes de virar ícone. Se a imagem não for quadrada, o corte central resolve.
Confirme o formato ICO e clique em Gerar
O formato de saída já vem em ICO e o corte 1:1 já está aplicado. O controle de qualidade fica desativado de propósito: ICO guarda a imagem sem perdas, então o slider não teria efeito.
Baixe e renomeie para favicon.ico
Suba o arquivo na raiz do site. Os navegadores procuram /favicon.ico sozinhos, sem precisar de nenhuma linha declarada no HTML.
O que este gerador entrega, exatamente
O arquivo de saída é um .ico com uma única imagem PNG dentro, quadrada, com no máximo 256 pixels de lado. Se a sua imagem for maior, ela é reduzida até esse teto; se for menor, o tamanho dela é mantido.
Uma imagem só resolve porque o navegador redimensiona o ícone para o tamanho que precisa em cada lugar. O que este gerador não faz é um ICO multi-tamanho, com uma versão de 16 pixels redesenhada à mão, outra de 32 e outra de 48 empacotadas no mesmo arquivo — isso é trabalho de quem redesenha o ícone para cada tamanho, não de um conversor.
A transparência é preservada, já que a imagem interna é PNG. Vale um aviso por causa disso: ícone escuro com fundo transparente desaparece na barra de abas de quem usa tema escuro. Nesse caso, prefira uma imagem que já tenha fundo próprio.
O corte para quadrado é central e automático — a maior área quadrada do meio da imagem, sem esticar nada.
Os arquivos de ícone que um site costuma precisar
O .ico cobre a aba do navegador, mas não cobre o atalho do iPhone nem a instalação como aplicativo no Android. Este é o conjunto mínimo e como montar cada peça com as ferramentas do site.
No HTML, a linha do ícone principal é <link rel="icon" href="/favicon.ico"> e a do atalho da Apple é <link rel="apple-touch-icon" href="/apple-touch-icon.png">. O .ico na raiz funciona mesmo sem declaração nenhuma; os arquivos PNG precisam ser declarados.
Do lado da Apple, um arquivo único de 180 pixels dá conta: é o tamanho do iPhone em tela de alta densidade, e o iOS reduz a partir dele para o iPad e para aparelhos antigos. Só vale gerar as variações menores se você quiser controlar pixel a pixel como o ícone aparece em cada aparelho.
| Arquivo | Tamanho | Para que serve | Como fazer |
|---|---|---|---|
| favicon.ico | quadrado, até 256 px | Aba do navegador e favoritos; é o que os navegadores buscam sozinhos em /favicon.ico | Esta página |
| apple-touch-icon.png | 180 × 180 | Atalho na tela de início do iPhone e do iPad | Gere o quadrado aqui em PNG e depois defina a largura em redimensionar imagem |
| icon-192.png e icon-512.png | 192 × 192 e 512 × 512 | Android e instalação como aplicativo, declarados no manifesto do site | Mesmo caminho: quadrado em PNG, depois a largura desejada |
| favicon.svg | vetor, sem tamanho fixo | Ícone nítido em qualquer densidade de tela; opcional | Não é gerado aqui — precisa ser desenhado em vetor |
O que o Google exige para exibir o favicon nos resultados
A documentação do Google Search Central, conferida em agosto de 2026, é objetiva: o favicon precisa ser quadrado, ter no mínimo 8 por 8 pixels, e o próprio Google recomenda algo maior que 48 por 48 para ficar bom nas várias superfícies onde o ícone aparece. O restante das regras é sobre rastreamento.
- Um favicon por host: o site inteiro usa o mesmo ícone, e subdomínios podem ter o seu.
- A URL do arquivo precisa ser estável — trocar o caminho com frequência atrapalha.
- O Googlebot-Image precisa conseguir rastrear o arquivo do ícone, e o Googlebot precisa conseguir rastrear a página inicial.
- Valem rel="icon", rel="shortcut icon", rel="apple-touch-icon" e rel="apple-touch-icon-precomposed".
Desenho que sobrevive a 16 pixels
Na aba, o ícone é exibido em torno de 16 pixels de lado — mais ou menos a altura de uma letra deste texto. Quase tudo que funciona num logotipo grande desaparece nesse tamanho.
- Linha fina de contorno some: em 16 px ela ocupa menos de um pixel inteiro.
- Gradiente suave vira uma mancha de cor média.
- Texto com mais de duas letras fica ilegível; a inicial isolada funciona.
- O que decide a legibilidade é o contraste entre figura e fundo, mais do que o desenho em si.
Perguntas frequentes
Onde coloco o arquivo gerado?
Na raiz do site, com o nome favicon.ico. Os navegadores procuram nesse caminho por padrão, sem necessidade de declarar no HTML.
Que imagem funciona bem como favicon?
Formas simples com alto contraste. Em 16 por 16 pixels, texto e detalhe fino somem — prefira um símbolo ou uma letra isolada.
Preciso de PNG também?
Para telas de alta densidade e atalhos de celular, sim: um PNG de 192 e outro de 512 pixels cobrem esses casos, declarados no manifesto do site.
Minha imagem não é quadrada. Funciona?
Funciona. O recorte pega a maior área central quadrada antes de gerar o ícone.
Funciona com SVG de entrada?
Funciona. O SVG é rasterizado no navegador antes de virar ICO.
O arquivo baixado veio com outro nome. Preciso renomear?
Se você quer usar o caminho padrão, sim: renomeie para favicon.ico e coloque na raiz do site. Só assim o navegador encontra sem nenhuma declaração. Com outro nome, funciona igual, mas você precisa apontar o caminho no HTML.
Troquei o favicon e o navegador continua mostrando o antigo.
É cache, e favicon é dos arquivos mais teimosos nisso. Abra o endereço do arquivo direto no navegador e recarregue, ou teste numa janela anônima. Nos resultados de busca a atualização depende de um novo rastreamento e leva dias.
Posso usar um PNG como favicon em vez de ICO?
Pode. Navegadores atuais aceitam PNG declarado no HTML. A vantagem do .ico na raiz é ser encontrado automaticamente, sem depender de nenhuma linha de código — por isso ele continua valendo mesmo quando você também publica PNG.
Meu favicon não aparece na busca do Google.
Confira o básico primeiro: quadrado, URL estável, arquivo e página inicial rastreáveis, um ícone por host. Cumprido isso, a exibição continua sendo decisão do Google e depende do próximo rastreamento — não é imediata.