O favicon é a imagem gráfica que é exibida com o título da página da web. Além do título, ele também está desativado na história, nos favoritos, guia Browers. Portanto, o favicon também pode ser chamado de ícone do site, ícone de favoritos. O favicon é geralmente criado em .Formato de arquivo ICO que é suportado por todos os navegadores famosos. No entanto, vários navegadores tendem a apoiar .svg, .png, .gif e .formato png para favicon.

Tendo em vista a importância do Favicon, este artigo fornece o seguinte resultado de aprendizado:

- o objetivo do favicon

- Adicionando um favicon à sua página da web

Propriedades de um favicon

Como afirmado anteriormente, o favicon é usado para adicionar um ícone gráfico com o nome do seu título. O favicon depende das seguintes propriedades:

Formato de imagem: O formato da imagem é o ingrediente chave para fazer o favicon. Os formatos suportados são, .ico, .svg, .png, .jpg e .gif. A maioria dos navegadores conhecidos, como Chrome, Firefox, Opera, Microsoft Edge e Safari, suporta todos esses formatos. No entanto, as versões mais recentes do Internet Explorer suportam esses formatos.

Tamanho da imagem: O tamanho do ícone varia de propósito para propósito. Alguns dos tamanhos mais utilizados são declarados abaixo:

- 16 × 16 (pixels) é recomendado para o ícone do navegador

- 32 × 32 (pixels) para o ícone de atalho

- 96 × 96 (pixels) para o ícone de atalho da área de trabalho

Como adicionar o favicon a uma página da web

O favicon pode ser adicionado à página HTML usando a tag suportada pelo HTML. Para uma melhor compreensão, fornecemos um procedimento passo a passo para adicionar um favicon à sua página da web.

Antes de entrar em etapas, verifique se você colocou a imagem Favicon no diretório raiz da sua página da web. Além disso, também é recomendável usar o tamanho correto conforme o uso do favicon.

Passo 1: Abra o código HTML da sua página da web e navegue até a tag

Passo 2: Adicione a tag tag com o Href Propriedade direcionando para a localização do seu favicon. O código HTML fornecido abaixo refere -se ao uso da tag para adicionar um favicon:

Bem -vindo ao Linuxhint

A imagem do código é mostrada aqui:

Etapa 3: Depois que a tag for colocada com sucesso, salve o código e recarregue sua página da web. Como a página é recarregada, o ícone seria colocado com o nome do título, como pode ser visto na imagem abaixo:

Aqui você vai!

Seguindo as três etapas acima mencionadas, você teria aprendido a adicionar o favicon à sua página da web

Conclusão

O favicon é a imagem gráfica exibida com o título da página da web. Vários outros locais também permitem que o favicon seja exibido com o título da página. Por exemplo, você encontraria o favicon nos favoritos, história, onde o título da página é mostrado. Este artigo fornece as etapas essenciais para adicionar um favicon à sua página da web. Além disso, as propriedades contidas pelo favicon também são descritas,