O .ico continua a ser o formato esperado na raiz de um site, e a maioria dos conversores online pede que envie a imagem para um servidor. Saiba como obter um favicon.ico correto, com vários tamanhos, a partir de um PNG, sem enviar nada.
Um .ico não é apenas uma imagem com outro nome
Mudar o nome de logo.png para favicon.ico não basta. O ICO é um formato contentor, com um cabeçalho próprio: descreve quantas imagens contém, as suas dimensões e onde começa cada uma no ficheiro. Um PNG com outro nome não tem esse cabeçalho, e os navegadores mais rigorosos recusam apresentá-lo.
Um ICO correto inclui várias resoluções do mesmo ícone. O navegador lê o cabeçalho, identifica a variante mais próxima do tamanho de que precisa e não amplia nada.
Converter PNG para ICO em três passos
Primeiro, prepare a origem. Um PNG quadrado com pelo menos 512×512 píxeis dá o melhor resultado, pois todos os tamanhos são obtidos por redução. Se a imagem tiver fundo transparente, decida logo se o quer manter: é perfeito para um separador, mas o iOS e o Android vão substituí-lo por preto.
Segundo, gere as resoluções. O ficheiro deve conter, no mínimo, 16×16, 32×32 e 48×48. O redimensionamento deve usar uma reamostragem de qualidade, senão os tamanhos pequenos tornam-se ilegíveis.
Terceiro, reúna as imagens. As três imagens são combinadas num único contentor ICO, com o cabeçalho que descreve cada entrada. Coloque o resultado na raiz do site com o nome favicon.ico, e os navegadores encontrá-lo-ão mesmo sem etiqueta HTML.
Porque faz a conversão local toda a diferença
A maioria dos conversores de PNG para ICO envia o ficheiro para um servidor, que o processa e devolve o resultado. O seu logótipo, muitas vezes ainda antes do lançamento público, acaba num computador que não controla, sujeito a uma política de conservação que não leu.
Um navegador moderno consegue fazer tudo sozinho: descodificar um PNG, redimensioná-lo num canvas, voltar a codificar cada tamanho e montar o contentor ICO. É isso que o LFFavicon faz. Nenhum pedido transporta a sua imagem, e fechar o separador apaga tudo.
A vantagem não é apenas teórica: a conversão é instantânea, funciona sem ligação à Internet depois de carregar a página e não há filas de espera nem limites diários.
O .ico por si só já não basta
Converter o PNG para ICO resolve os separadores e clientes antigos, mas deixa três contextos de fora: os navegadores modernos, que preferem um SVG nítido em todos os tamanhos, o ecrã principal iOS, que precisa de um PNG opaco de 180×180, e o Android, que lê o manifesto web.
Já que vai processar a imagem, aproveite para produzir o conjunto completo de uma vez. É isso que o gerador faz: a mesma origem alimenta o .ico, o SVG, o ícone Apple Touch e os ícones do manifesto, com uma pré-visualização de cada contexto antes da transferência.
Fontes primárias
Perguntas frequentes
Que tamanho de PNG é necessário para criar um ICO?
Um quadrado com pelo menos 512×512 píxeis. Abaixo de 128×128, os tamanhos maiores do pacote terão de ser ampliados e ficarão desfocados. Um SVG é ainda melhor, pois não tem limite de resolução.
A transparência é mantida no .ico?
Sim, o formato ICO suporta um canal alfa completo, e um PNG transparente mantém a transparência no separador. Tenha atenção ao ícone iOS: o sistema preenche as zonas transparentes a preto, por isso acrescente-lhe um fundo.
Onde devo colocar o ficheiro favicon.ico?
Na raiz do domínio, acessível em https://votresite.com/favicon.ico. Os navegadores e robôs pedem-no nesse endereço por convenção, mesmo quando nenhuma etiqueta link o declara.