Nesta lição, mostrarei como fazer upload de sua foto favorita (PNG JPG GIF ou qualquer tipo de imagem) em favicon (ICO) para que possa ser incorporada ao seu site. Então, ao invés de editar sua foto no Photoshop, você simplesmente tem que carregá-la, baixar o arquivo ico e incorporá-lo ao seu site. Estaremos usando o aplicativo da web favigen para converter nossa imagem em favicon.
Nota: o resultado pode não ser perfeito como você deseja. Se você quiser que seu favicon seja perfeito. pode ser necessária pouca habilidade no Photoshop. Não é tão difícil quanto você pensa, você pode pesquisar no Youtube
PASSOS
- Abra seu navegador favorito
- Goto favigen.com
- Faça upload da sua imagem favorita que deseja converter em favicon (.ICO)
- Escolha o tamanho do favicon, as opções são:
- 16 pixels
- 32 pixels
- 64 pixels
Neste caso, escolhemos 16px porque queremos apenas incorporá-lo em nosso site.
- Clique no botão “3) Criar botão Favicon”
- A mensagem vai aparecer
“Seu favicon foi gerado. Você pode clicar com o botão direito no ícone para salvá-lo ou apenas clicar no botão de download agora.”
Parabéns, você converteu com sucesso sua foto em favicon, agora é hora de baixar seu favicon.
- Agora, basta clicar em “Baixar seu favicon” para baixar seu favicon.
- Faça upload do ícone baixado em seu serviço de hospedagem
- Agora podemos incorporar o código, colocar o código html dentro da
<head>tag
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">- Não se esqueça de alterar o valor href para o caminho do ícone.
NOTA: Você pode incorporá-lo ao seu servidor local usando o Firefox, mas não para o Chrome. O Chrome não pode exibir seu favicon se você estiver trabalhando em um servidor local, exceto se o seu servidor estiver online. Mas o Firefox pode exibir seu favicon se você estiver trabalhando em um serviço de hospedagem ou servidor local.