Como alterar o ícone do site / Favicon

Como personalizar o ícone do site? Os ícones que aparecem do lado do endereço do site no browser ou abas, também chamados de favicons, garatem uma aparência profissional.

Todos os sites desenvolvidos pela 2gigantes já possuem, porém vamos mostrar neste vídeo como adicinar eles no seu site caso não tenha sido desenvolido por nós. Para isso é preciso ter acesso aos arquivos das páginas que compões o seu site.

O primeiro passo é escolher uma imagem, de pelo menos 350x350 pixels em formato PNG transparente. Esta imagem deve conter o seu logo ou imagem que deseja que apareça.

Após escolher a imagem, acesse o site http://www.favicon-generator.org/ Clique em escolher arquivo e logo após em "Create FavIcon".

Após a página abrir, clica em "Close" e logo após clique em "Download the generated favicon". Baixe o arquivo para o seu computador e descompacte ele. Note que foram geradas diversas minuaturas, em vários tamanhos da imagem escolhida.

Agora, vamos voltar a página e copiar o código HTML gerado.

Copie ele e cole no cabeçalho do código HTML do seu site em todas as páginas.

Edite o código da cor que aparecerá no browser em dispositivos móveis. Use algum editor de imagens para conseguir o código da sua logo e substitua o valor nas duas Tags.

Coloque todas as miniaturas na raiz do seu site e faça o upload também dos arquivos que editou.

Pronto, agora sua marca irá aparecer nos abas e e próximo do endereço do seu site!