Como converter PNG em ICO para favicon

Para converter um PNG em ICO, use o gerador de favicon grátis: envie a sua imagem, baixe o favicon.ico e coloque o arquivo na raiz do seu site. A ferramenta roda no próprio navegador, sem cadastro e sem login. Ela também gera o apple-touch-icon, os PNGs de 192 e 512 px e o webmanifest, então você sai com todos os ícones que um site precisa, de uma vez.

Por que o ICO ainda importa

Os navegadores procuram um arquivo favicon.ico na raiz do site, mesmo quando a página declara outro ícone. O ICO é um contêiner: um único arquivo pode trazer vários tamanhos da mesma imagem. Assim, a aba, a barra de favoritos e a tela de início usam cada um a versão certa, sem ficar borrados por causa de uma redução feita às pressas.

Antes de começar: o que você precisa ter

Escolha uma imagem quadrada, de preferência com pelo menos 512 por 512 px. Uma logo horizontal, com texto, costuma perder a legibilidade quando reduzida para 16 px. Nesse caso, use só o símbolo ou as iniciais. Se a sua marca tiver um fundo transparente, guarde essa versão, porque ela fica melhor em abas de qualquer cor.

Passo a passo

1. Abra a ferramenta de gerador de favicon e escolha a opção de imagem. Você também pode partir de iniciais ou de um emoji, se ainda não tiver uma logo.

2. Envie o seu PNG. Confira a prévia: ela mostra como a imagem fica nos tamanhos pequenos, que são os que mais importam para o ícone da aba.

3. Baixe o favicon.ico. Se quiser, baixe também o apple-touch-icon e os PNGs de 192 e 512 px, que servem para instalar o site como aplicativo e para a tela de início de celulares.

4. Coloque o favicon.ico na raiz do site, no mesmo nível da página inicial. Um endereço como seusite.com.br/favicon.ico é o lugar que os navegadores procuram primeiro.

5. Se a página declarar um ícone próprio, troque a referência no head para apontar para o arquivo novo. A ferramenta mostra o código pronto para copiar.

6. Publique e confira. Abra o site numa aba anônima e veja o ícone na aba e nos favoritos.

Erros comuns

• Enviar uma imagem pequena. Uma figura de 64 px vira um ícone borrado em telas de alta densidade. Comece pelo maior arquivo que você tiver.

• Esquecer a raiz do site. Se o favicon.ico ficar numa pasta de imagens e a página não declarar o caminho, muitos navegadores nem tentam procurá-lo.

• Esperar a mudança aparecer na hora. Os navegadores guardam o favicon em cache, às vezes por dias. Quem já visitou o site pode continuar vendo o ícone antigo até limpar o cache ou fechar e abrir o navegador. Para testar, use uma aba anônima.

• Usar um SVG sem versão para o escuro. Se o seu ícone for SVG, a ferramenta pode gerar uma versão que muda de cor no modo escuro. Confira as duas cores antes de publicar.

Quando vale a pena usar o gerador, e quando não

Para um site pequeno, um blog ou uma página de projeto, o gerador resolve tudo em alguns minutos e sem instalar nada. Se a sua marca já tem um conjunto de ícones feito por um designer, use os arquivos dele e só confira se o favicon.ico contém os tamanhos que o seu sistema precisa. Para uma aplicação grande, com várias versões e temas, vale manter os ícones no mesmo lugar do código e gerá-los de novo sempre que a logo mudar.

Resumo

O caminho mais curto é: uma imagem quadrada e grande, o gerador do navegador, o favicon.ico na raiz do site, uma aba anônima para conferir. Em poucos minutos o seu site passa a ter o ícone certo na aba, nos favoritos e na tela de início.

Fonte

Página do gerador de favicon do site, consultada em 29/10/2026.