Como Criar um Favicon no Seu Blog

O que é um Favicon?

Favicos são as imagens pequenas que estão disponíveis no browser tab da sua website. Eles são bem pequenos, mas muito importantes porque fazem parte da sua “marca”, como nós já discutimos por aqui antes no post Criando a Sua Marca. Isso é importante porque mantém uma certa consistência em tudo o que leva o seu nome.

Eu uso o Blogger como plataforma do meu site e o Favicon é o logo do Blogger. Como eu faço para colocar o Favicon na minha pagina?

É muito fácil, aqui vai o passo a passo pra vocês:

1. Primeiro você precisa decidir que imagem você vai usar para o seu Favicon. Dê preferência a imagens ou estilo de fontes que você usa no seu banner ou logo do site. Lembre-se que o Favicon é bem pequenininho, apenas 16×16 pixels, e se o seu logo é muito complexo, ele não vai ficar legal.

2. Próximo passo, você deve criar a versão da imagem que você vai usar 100 x 100 pixel. Você pode usar o PicMonkey ou qualquer outro tipo de software de design grafico e depois é só salvar essa imagem no seu PC.

3. Vá para URL Favicon.cc e siga os seguintes passos:

3a. Clique no “import image”

3b. Selecione a sua imagem de 100×100 que está salva no seu PC e clique em “upload”

3b continuando:  É assim que a imagem vai aparecer. Não se preocupe, a imagem está meio distorcida, mas é assim mesmo.

3c. Vá baixando na pagina do Favicon.cc um pouco e você verá uma prévia de como o seu Favicon irá aparecer.

 

 

3d.  Se você gostou de como a imagem vai aparecer, então pule para a etapa 3e… agora, se você não gostou da imagem, então você vai ter que editá-la ou usar uma outra imagem. Mas existem algumas ferramentas que podem te ajudar a melhorar a imagem ou editar a imagem no próprio site do Favicon

 

3e. Depois é só clicar  no botão “download favicon”  que está abaixo da imagem prévia do Favicon e salve no seu PC.

4.  Agora está na hora de você ir para o Blogger design/pagina administrativa. Selecione  “layout” que está na barra lateral à esquerda e clique em “edit” o Favicon  que está na caixa no topo do seu layout.

 

5.  Clique em escolher “file/arquivo” e localize  o Favicon 16×16 px, que está no seu PC, aquele que você fez o download do site do Favicon.cc. Depois clique em “save/salvar”

Prontinho!  O seu Favicon agora está aparecendo no navegador quando você e os seus leitores visitarem o seu site.

Agora, para os sites do WordPress: como eu faço para ter um Favicon?

Existem duas maneiras de fazer o seu Favicon com o WordPress:

1. Seu WordPress layout pode já ter a opção de upload de um Favicon customizado. Se esse é o caso, então o seu caminho é mais fácil.

2. Se ele não inclui essa opção, existem inúmeros plugins que estão disponíveis para o site do WordPress. Aqui vai uma lista pra vocês: WordPress Favicon Plugins

Você já tem um Favicon no seu site??

CBBlogers

Facebook / Twitter / Pinterest / Instagram

Tags: dicas tech, imagens, Mundo do Blog