Como criar um favicon a partir de uma imagem

Um favicon é a imagem minúscula que o navegador exibe na aba, nos favoritos e no histórico, ao lado do nome do seu site. O formato tradicional é ICO, um arquivo de ícone pequeno que a maioria dos navegadores reconhece sem configuração extra.

Um bom favicon atende a duas condições: deve ser mais ou menos quadrado e continuar legível quando reduzido ao tamanho de uma unha. Por isso os favicons costumam ser uma letra em negrito, um símbolo de logotipo ou uma forma simples, em vez de uma foto detalhada.

Se você já tem um logotipo quadrado, converter é uma única etapa:

• Abra o conversor de PNG para ICO e solte sua imagem.
• Deixe converter e depois baixe o arquivo .ico.
• Adicione-o ao seu site como favicon.ico, ou faça referência a ele no seu HTML.

Está partindo de outro formato? Use o conversor JPG para ICO para uma foto ou logotipo plano, ou SVG para ICO se sua marca for vetorial: uma fonte vetorial é ideal porque é desenhada com nitidez em qualquer tamanho que o ícone precisar. Toda conversão roda no seu navegador, então a imagem nunca é enviada.

O ícone só pode ficar tão nítido quanto a imagem que você fornece. Se sua imagem não for quadrada, recorte-a em formato quadrado primeiro no editor de fotos para que o conversor não precise adivinhar: centralize a parte importante e corte o resto. Simplifique artes carregadas até chegar a uma única forma ou letra forte, porque detalhes finos viram uma mancha no tamanho de favicon.

Se o seu logotipo existir como arte vetorial, mantenha-o como SVG pelo maior tempo possível e converta para ICO por último: vetores permanecem nítidos porque são renderizados no tamanho exato de pixels, em vez de ampliados a partir de um bitmap pequeno. Para mais contexto sobre como rasterizar vetores com nitidez, veja como converter SVG para PNG sem perder qualidade.