Converter PNG em ICO (favicon)

Um favicon é o pequeno ícone que os navegadores mostram na aba, na barra de favoritos e no histórico. Esta ferramenta transforma um PNG em um arquivo .ico de vários tamanhos contendo versões de 16, 32, 48 e 64 pixels, montado inteiramente no seu dispositivo sem enviar nada.

Como converter PNG em ICO (favicon)

Solte sua imagem PNG na ferramenta. Uma imagem quadrada funciona melhor.
O formato de saída já está definido como ICO (favicon).
Clique em Executar para gerar um .ico de vários tamanhos.
Baixe o seu favicon.ico e coloque-o na raiz do seu site.

O que um favicon precisa fazer

Um favicon é exibido em tamanhos muito pequenos, muitas vezes 16 pixels quadrados. Nesse tamanho, detalhes finos desaparecem e linhas finas somem por completo. Um bom favicon é uma forma simples e marcante com contraste forte: uma única letra, uma versão simplificada de um símbolo de marca, ou uma forma sólida na cor da marca. Se o seu logo completo tem um nome escrito, use só o símbolo, ou só a primeira letra.

O motivo de arquivos .ico conterem vários tamanhos é que escalar uma única imagem para cima ou para baixo na hora de exibir fica embaçado. Ao fornecer versões de 16, 32, 48 e 64 pixels, o sistema operacional ou navegador pode mostrar uma imagem exata em pixels em cada contexto: 16 px em uma aba, 32 px em uma lista de favoritos em uma tela de alta densidade, 48 px em um atalho da barra de tarefas do Windows, e assim por diante.

Preparando o PNG de origem

Deixe-o quadrado. Se o seu logo é largo, coloque-o primeiro em uma tela quadrada transparente, ou corte para o símbolo com a ferramenta de corte.
Comece com 256 pixels ou mais. Reduzir a partir de uma origem grande e limpa dá resultados mais suaves do que ampliar uma pequena.
Mantenha um fundo transparente se a forma for sólida, para que fique bem em temas claros e escuros do navegador. Se a forma for fina ou de cor clara, coloque-a sobre um quadrado arredondado sólido.
Evite texto com mais de um ou dois caracteres; ficará ilegível em 16 pixels.

Instalando o favicon

Salve o arquivo baixado como favicon.ico e coloque-o na pasta raiz do seu site. Depois adicione isto dentro do <head> de cada página:

<link rel="icon" href="/pt/favicon.ico" sizes="any">

A maioria das plataformas tem um ajuste dedicado: o WordPress chama de Ícone do site em Aparência, Shopify e Squarespace têm um campo Favicon nas configurações do tema, e o Webflow tem um em Configurações do projeto. Envie o .ico lá.

Indo além

Para o conjunto completo de ícones que os dispositivos modernos pedem, você também vai querer um PNG de 180 pixels para atalhos na tela inicial do iOS (apple-touch-icon) e PNGs de 192 e 512 pixels para Android e o manifesto do aplicativo web. São arquivos PNG comuns, então use a ferramenta de redimensionar para produzi-los a partir da mesma matriz. O .ico desta página cobre abas de navegador, favoritos e Windows, que é onde a maioria das pessoas nota um favicon faltando.

Perguntas frequentes

Que tamanho deve ter o PNG de origem?

Quadrado, e com pelo menos 64 por 64 pixels. Um PNG quadrado de 256 pixels dá os resultados reduzidos mais limpos. Imagens não quadradas são centralizadas e preenchidas com transparência.

O que tem dentro do arquivo .ico?

Quatro imagens codificadas em PNG com 16, 32, 48 e 64 pixels. Navegadores e o Windows escolhem o tamanho que melhor se encaixa em cada contexto, então o ícone fica nítido na aba, no favorito e no atalho da área de trabalho.

Como adiciono o favicon ao meu site?

Envie o favicon.ico para a raiz do seu site (de modo que fique acessível em seusite.com/favicon.ico) e adicione <link rel="icon" href="/favicon.ico"> dentro do <head> das suas páginas. Os navegadores guardam favicons em cache com insistência, então pode ser preciso um recarregamento forçado para ver a mudança.

Ainda preciso de um arquivo .ico em 2026?

Navegadores modernos aceitam favicons PNG e SVG, mas .ico é o único formato que funciona em todo lugar, incluindo navegadores antigos, atalhos do Windows e alguns leitores de feed. A maioria dos sites entrega os dois.

Seus arquivos nunca saem do seu dispositivo

Todas as ferramentas do Squishly Tools são 100% gratuitas e rodam inteiramente no seu navegador. Suas imagens e documentos são processados no seu próprio computador e nunca são enviados a um servidor. Sem contas, sem marcas d’água e sem pegadinha.