Como criar ícone favicon para seu site.

Criar ícone favicon para barra de navegação em seu site deixando mais personalizado.

Usando uma ferramenta online, é possível criar seu ícone favicon no formato certo sem muito esforço.

O ícone de favicon é visível ao lado do endereço URL do site, e quando é salvo nos favoritos no computador do usuário.

Deixando o site mais elegante e profissional, com uma marca registrada na hora de retornar ao site, e quando o usuário navega pelo site.

Eu quando precisei inserir meu próprio ícone favicon, pesquisei por vários métodos e meios de criar o ícone, e no meu ponto de vista o mais simples e eficaz é esse online, deve haver outros programas que façam este tipo de conversão de arquivos, mas sem precisar instalar nada a ferramenta online é bem simples.

Você só precisa ter a imagem que deseja usar como ícone, fazer o upload no site, escolher as configurações e salvar.

Para inserir no site o processo é simples, basta enviar o ícone para o servidor e inserir o código no cabeçalho do seu site com o caminho e o nome do ícone favicon criado.

Veja na imagem abaixo como prosseguir.

Criar ícone favicon

No primeiro passo selecione o arquivo e faça o upload da imagem.

Depois escolha o tamanho do formato do ícone e visualize.

Posicione na imagem a área desejada para usar como ícone, logo abaixo faça o download das versões .ico e .png e salve em seu computador.

Acesse a ferramenta online AQUI.

Inserir o código no site

O código fica no cabeçalho do site, entre as tags de cabeçalho “head”, como no exemplo abaixo:

Para inserir o ícone de navegação no WordPress.

Para WordPress é preciso inserir o caminho completo da imagem do seu ícone, caso contrario o ícone só irá aparecer na página principal do site.

Veja o código correto para inserir o ícone favicon no WordPress.

Existem formatos de ícones para vários dispositivos, como dispositivos móveis e aparelhos específicos, se caso for necessário criar um ícone para cada dispositivo é preciso pesquisar o tamanho e o código certo para cada aparelho.

Dúvidas? deixe seu comentário.

Abraço, e até a próxima!

Leave a Reply

6 comments

  1. Michelle

    Poxa, não consigo. Faço tudo certinho mas não aparece lá 🙁

    • Olá Michelle, geralmente oque acontece é colocar a imagem em lugar errado, ou deixar o caminha da imagem errado, verifique se o caminho e o local estão corretos?

  2. Eu amo esse Site.
    Eu adoro esse Site.
    Eu gosto muito desse Site.
    Eu não consigo por a minha foto
    como faço para conseguir por a foto?

    • Olá Rebeca, se se refere a foto aqui dos comentários, você pode criar sua conta no site GRAVATAR que sua foto irá aparecer automaticamente aqui em outros sites que usarem a plataforma WordPress e entre outros.

Pin It on Pinterest

Shares

Compartilhe!

Mostre esse post para seus amigos.