Como Adicionar Um Favicon

Índice:

Como Adicionar Um Favicon
Como Adicionar Um Favicon

Vídeo: Como Adicionar Um Favicon

Vídeo: Como Adicionar Um Favicon
Vídeo: Como mudar o favicon de um site - @Curso em Vídeo HTML5 e CSS3 2024, Novembro
Anonim

Favicon (ícone favorito) é um ícone quadrado de 16 pixels que o navegador do visitante da página do site exibe na barra de endereço. Se a página for adicionada aos favoritos, a imagem também será exibida lá. Além disso, o favicon aparece na lista de pesquisa de sites Yandex. Tudo isso combinado pode ser muito útil para chamar a atenção para o site.

Como adicionar um favicon
Como adicionar um favicon

Instruções

Passo 1

Crie um ícone, cujo link deverá ser colocado nas páginas do site. Qualquer editor gráfico é adequado para isso. Use um tamanho de 16 por 16 pixels - alguns navegadores podem lidar com ícones maiores, mas é melhor alcançar o maior número possível de internautas.

Passo 2

Salve a imagem preparada no formato ico. Os navegadores modernos serão capazes de entender favicons em arquivos com a extensão gif, png, bmp, etc., mas para cobrir o número máximo de modificações do navegador, é melhor usar o formato de ícone nativo desse tipo. Se o seu editor gráfico não for compatível com o formato ico, você pode salvá-lo, por exemplo, no formato.

etapa 3

Faça upload do ícone para o servidor do seu site e salve-o em um arquivo chamado favicon.ico - esse nome é entendido por todas as modificações do navegador da mesma forma, embora o nome não seja importante para algumas delas. Se o código da página não contiver o endereço desse arquivo, os navegadores e robôs de pesquisa, por padrão, procuram por ele na pasta raiz do site, portanto, é melhor colocar o arquivo lá.

Passo 4

Insira tags HTML no código-fonte das páginas que indicam o arquivo carregado. Para o Internet Explorer, esta tag deve ser semelhante a esta:

Para outros navegadores, deve ser escrito de forma diferente:

Adicione ambas as linhas para garantir a compatibilidade entre navegadores. Se o arquivo foi colocado em uma pasta diferente da pasta raiz, especifique o caminho completo para o local no atributo href. Essas linhas devem ser inseridas no cabeçalho do documento da web, ou seja, entre as tags e.

Recomendado: