Favicon imagem em miniatura na aba do website

Primeiro, o que é Favicon?

Favicon é aquela imagem muito pequena que nos ajudam a identificar a página de um website pela aba, entre várias abas abertas em seu computador. Existe a frase que diz " uma imagem vale por mil palavras", assim é um site, em meio à tantas palavras, você pode usar uma imagem  em miniatura de sua marca para se identificar e ser um pouco diferente dos demais, isso facilita na hora de achar a sua página mais rapidamente. Se não usa este recurso, esta na hora de ser um pouquinho diferente e se destacar. Vou citar um exemplo de aba que ainda não foi trabalhada. Vamos a um exemplo: Assim que construimos um blog, temos a imagem original da plataforma na aba da página, e o exemplo será o da plataforma blogger, que temos um B em miniatura destacando a plataforma de seu website, e o que faremos será substituir esse emblema e colocar a nossa marca ao nosso gosto, caracterizando o site e facilitando a vida de quem vem visita-lo. Veja a imagem.

Vamos fazer uma imagem com o tamanho adequado a esta finalidade, a imagem do favicon deve ter o tamanho de 16 x 16 pixels. Podemos chegar a esse tamanho reproduzindo em um site online gratuito, e pode ser feito também, entre várias outras formas. Entre neste url  http://www.genfavicon.com/pt/   Você verá a imagem como abaixo. Vamos por ordem de procedimentos.

1. Escolha o tamanho da foto 16x16
2. Escolha o arquivo em seu computador 
3. Clique no botão para a foto subir a foto para o quadro de ajustes de imagem. e espere mais ou menos por 10segundos, a outra vez que tentei fazer o upload da imagem durou quase um minuto, isso pode variar pela velocidade da sua conexão.

Estando no quadro onde a foto vai aparecer  use os pontos quadrados ao redor da imagem com o ponteiro do mouse puxando-os ou empurrando-os a seu gosto, ajustando a foto, podendo colocar o ponteiro no meio da parte sombreada a ajustando por inteiro. Fiz o exemplo com um relógio, veja que precisa ser ajustado, senão a foto sairá cortada. Tudo que tiver na parte sombreada é o que vai sair.

Depois, o que vamos fazer é colocar a foto dentro dessa parte sombreada, e clicar em captura e visualisação. e aguarde 

Vamos por ordem novamente 

1.  vamos dar um clique em baixar jpg, ao abrir a nova janelinha, se o botão OK não estiver ativado, dê um clique em download, e depois em Ok. escolha um local para salvar o seu arquivo.

Com a foto em mãos, Entraremos em nosso site, no caso o Blogger.

Faremos logim, e entramos em layout, Você já vê a área do favicon, onde clicaremos em editar.

Logo em seguida é aberta uma nova janela, onde vamos selecionar a foto que criamos em miniatura. Foto selecionada, salvamos essa janela

Depois de salvo, a imagem demora mais ou menos 24horas para aparecer na aba de seu site, e não imediatamente. Seu website merece ter um cuidado especial feitos por você.