Criando um FavIcon da maneira fácil

Eu recentemente decidi atualizar o FavIcon para este site (o pequeno ícone na barra de endereços). O antigo era algo que eu mesmo tinha hackeado no visual studio, e não parecia amigável o suficiente para mim.

Há uma série de geradores on-line que criam os ícones para você a partir de uma foto, e eles realmente parecem fazer um ótimo trabalho, mantendo tudo extremamente fácil.

Estes são dois que eu usei pessoalmente em mais de um site:

• FavIcon from Pics
• Drive Dinâmico - Gerador FavIcon

FavIcon from Pics

Primeiro, encontre uma imagem semelhante à que você gostaria que o ícone fosse:

Basta escolher o arquivo e, em seguida, clicar no botão Gerar e você verá o novo ícone exatamente como será exibido na barra de endereço..

Eu usei o ícone, mas acabei limpando-o um pouco em um aplicativo de edição de imagens.

Drive Dinâmico - Gerador FavIcon

Basta escolher a foto, clicar no botão Criar ícone e ver a pré-visualização.

O único problema que você pode notar é que geralmente seus ícones acabam com um fundo de cor, embora você possa preferir que eles tenham transparência.

Instalando seu FavIcon

Depois de ter o arquivo de ícone, você pode salvá-lo em algum lugar no seu site. Edite o cabeçalho / tema do site e insira a linha a seguir, ajustando o caminho, se necessário.

Isso é tudo o que há para isso.