Como criar um favicon online


Um Favicon.ico é um pequeno gráfico, uma imagem com o tamanho aproximado de 16×16 pixels que é geralmente exibido na barra de endereço, abas abertas e no menu de favoritos dos navegadores modernos.

Criar um Favicon.ico é uma maneira interessante de personalizar a aparência de um site ou blog, através do navegador de Internet de um visitante.

Muitas vezes os favicons são criados de acordo com a aparência do site, onde é utilizado uma miniatura de uma imagem ou logotipo, acompanhe logo abaixo duas dicas de site para criar um favicon online.

Gerador de Favicon

O primeiro passo para criar um favicon online é acessar a página do site Generate Favicon, neste serviço será possível converter uma imagem ou logomarca salva em seu computador em Favicon.ico.

Saiba como criar um favicon online com o serviço Generate Favicon.

  • O primeiro passo é visitar o site e escolher a opção “Selecionar arquivo”;
  • Escolha a imagem que desejar utilizar como favicon em seu site ou blog e, em seguida, selecione a opção “Generate Favicon”;
  • Desça a pagina, visualize o seu Favicon.ico criado, se gostar do resultado, basta selecionar a opção “Donwload Favicon” poderá  salvá-lo em seu computador.

Desenhar um Favicon

Outro serviço interessante para criar um Favicon.ico online é utilizando o site Favicon.cc onde é possível fazer um favicon personalizado, utilizando o serviço, você poderá desenhar o seu próprio favicon ou enviar uma imagem para transformá-la em icone, caso desejar, também sera possível adicionar uma animação.

Saiba como criar um favicon online no Favicon.cc.

  • O primeiro passo é visitar o site Favicon.cc e escolher a opção “Create New Favicon”, esta opção serve para desenhar o seu próprio Favico.ico;
  • Agora basta apenas desenhar o favicon utilizando o mouse, botão esquerdo para desenhar e botão direito para apagar;
  • A opção “Color Picker” serve para você escolher a cor desejada, quando estiver terminado, basta descer a pagina e visualizar o resultado em “Preview”;
  • Para salvar o Favicon.ico criado, basta selecionar a opção “Download Favicon”.

Adicionar um Favicon.ico em um site ou blog.

Depois de criar o Favicon.ico no serviço será necessário colocá-lo em seu servidor de hospedagem, caso tenha acesso ao FTP do seu site ou blog, basta que você adicione o Favicon.ico na pasta raiz. Em seguida insira entre as tags <head> e </head> no código HTML do template do seu site ou blog o seguinte código:

<link rel="shortcut icon" href="http://www.seusite.com/favicon.ico">

Ou também, caso o código acima não funcione:

<link rel="shortcut icon" href="http://www.seusite.com/favicon.ico" type="image/x-icon" />

Para fazer um teste e ver se o Favicon.ico esta funcionando corretamente em seu site ou blog é recomendável limpar o histórico ou utilizar outro navegador de Internet.


Para localizar outros artigos sobre este assunto use o campo de busca:

Deixe um Comentário