Quando você visita um site como Google, Yahoo ou wikiHow, pode notar que há um pequeno ícone à esquerda da barra de endereço. Isso é conhecido como favicon e você pode criar o seu próprio para um site. Além de dar ao seu site uma aparência mais profissional, o ícone aparecerá nos favoritos do usuário ao lado de todas as páginas do site que ele colocou em seus favoritos. Isso pode ajudá-los a encontrar seu site com mais facilidade.
Passos
Etapa 1. Crie uma imagem com o tamanho de 16x16 pixels
Deve ser uma imagem simples, para que seja instantaneamente reconhecível.
Etapa 2. Converta a imagem em um arquivo favicon.ico
Deve ser chamado exatamente assim, ou o navegador não o reconhecerá. Uma maneira fácil de fazer isso é usar o Dynamic Drive FavIcon Generator. Outra maneira é usar um editor de imagens gratuito GIMP e salvar a imagem 16x16 no formato ICO.
Etapa 3. Carregue o arquivo gerado em seu site
Etapa 4. Adicione o seguinte código ao HTML do seu site
Você deve colocá-lo na seção do código e certificar-se de que o caminho para o ícone está correto em relação à página da web. O código a seguir (assumindo que.html e.ico estão no mesmo diretório superior):
Etapa 5. Atualize a página, dê um passo para trás e admire o belo novo ícone do seu site
Pontas
- Mesmo que seu ícone seja muito pequeno, certifique-se de que outras pessoas possam lê-lo / entendê-lo facilmente.
- Se você usa Linux, pode converter o arquivo diretamente no seu computador. Basta escolher uma imagem apropriada, abrir sua linha de comando, navegar até o diretório onde você armazena a imagem e digitar: convert picture-p.webp" />