Como adicionar favicon em html

Favicon é o logotipo Isso aparece antes do título do seu site na guia do seu navegador. Você pode usar qualquer imagem como seu site favicon que você gosta. É utilizado para fazer o seu site atraente Em vez de mostrar um ícone de documento em branco na janela do navegador. Adicionar um favicon também ajuda a identificar seu local na rede Internet Entre o número de guias que abrem em uma única janela do navegador.

Qualquer tipo de imagem pode ser utilizado como um favicon ou você pode criar seu favicon usando diferentes ferramentas de fabricante de logotipo disponíveis gratuitamente e adicione -a com o título do seu site na tag de html. Além disso, ao usar uma imagem como favicon, você deve ter em mente que uma pequena imagem geralmente funciona melhor.

Neste guia, discutiremos brevemente sobre adicionando a favicon em Html. Então vamos começar!

Adicionando um favicon ao seu site em html

Para adicionar um favicon ao seu site em HTML, siga as etapas abaixo:

Etapa 1: converta a imagem para “.ico "ou".arquivo png ”
Adicionando o favicon, .png ou .ico Os formatos de arquivo são usados. Se você não tem um .png ou .ico Arquivo então converta -o primeiro usando diferentes ferramentas disponíveis gratuitamente on -line, como o ICO convertido. O próximo passo é adicionar o favicon ao site.

Etapa 2: Adicionar imagem convertida no diretório do projeto
Adicione a imagem Favicon convertida ao seu diretório de projetos da web, onde você tem seu principal "índice.html ” arquivo localizado. Por exemplo, adicionamos nosso “Favicon.ico ” arquivo no "PROJETO 1" diretório:

Abaixo do snipping mostra o código básico do título do site em HTML. O favicon será adicionado após o "" elemento.

Neste ponto, não vinculamos o adicionado “Favicon.ico ” para o nosso arquivo html. Portanto, ele mostrará a seguinte saída:

Etapa 3: forneça o caminho da imagem na tag de link
Use o "" elemento e forneça o caminho da imagem, conforme mostrado no bloco de código abaixo:

Depois de adicionar o "" Elemento, salvaremos o arquivo e o acessamos no navegador da web para ver o resultado:

As imagens acima mencionadas mostram que nossa imagem Favicon adicionada é definida com sucesso como um ícone do site.

Conclusão

Para Adicione um favicon em Html, em primeiro lugar, Selecione uma imagem e converter para “.ico" ou ".png” formatar Usando qualquer ferramenta de conversão de imagem on -line, como o ICO convertido. Depois disso, adicionar a imagem convertida para o seu projeto diretório e depois vincule -o ao arquivo html, utilizando o “" marcação. Este guia demonstrou como adicionar o favicon ao seu site usando HTML.