Como Adicionar Um ícone Ao Site

Índice:

Como Adicionar Um ícone Ao Site
Como Adicionar Um ícone Ao Site

Vídeo: Como Adicionar Um ícone Ao Site

Vídeo: Como Adicionar Um ícone Ao Site
Vídeo: Como mudar o favicon de um site - @Curso em Vídeo HTML5 e CSS3 2024, Dezembro
Anonim

Quando você abre alguns sites ao lado de seus nomes de domínio na barra de endereço, pode ver uma pequena imagem - um ícone. A mesma imagem será exibida na guia com a página aberta do site no canto superior esquerdo. Um ícone é uma espécie de logotipo do seu site, um sinal distintivo, portanto, o conhecimento de como instalar esses sinais não será supérfluo para um webmaster.

Como adicionar um ícone ao site
Como adicionar um ícone ao site

Instruções

Passo 1

Primeiramente, lembre-se de que o arquivo do ícone deve ter a extensão.ico e o nome favicon, ou seja, favicon.ico. Neste caso, o tamanho da imagem deve ser 16x16 pixels. Você pode tentar desenhar um ícone no Photoshop. Claro, você terá sucesso no desenho. Mas para salvar o desenho no formato.ico, você precisa de um plugin especial. Coloque-o na pasta Plug-Ins / File Formats localizada em c: / Arquivos de Programas / Adobe / Photoshop CS.

Passo 2

Então, depois de desenhar o ícone e salvá-lo no formato desejado, coloque-o na raiz do site. Claro, não é necessário colocar a imagem lá. Mas então você tem que especificar o caminho para ele:

etapa 3

Também é permitido usar uma imagem com uma extensão diferente, como

A entrada de texto image /.png

Passo 4

Se o seu site for criado em um motor (por exemplo, no Wordpress), então tudo é muito mais fácil: novamente, primeiro copie o arquivo com o ícone para a raiz do blog (pasta public_html). Em seguida, abra seu arquivo header.php e entre as tags e adicione o seguinte código:

  • Etapa 5

    Existem também serviços especiais para a criação de ícones. Um deles é um recurso chamado favicon.cc, um link para o qual é fornecido na seção Recursos Adicionais. Tudo que você precisa fazer é escolher a cor desejada e desenhar a imagem desejada. Basta salvar sua criação e seu ícone estará pronto. Mas você também pode converter a imagem finalizada para o formato.ico. O serviço favicon.ru ajudará com isso, um link para o qual também é apresentado na seção "Fontes adicionais". Selecione a imagem desejada, clique no botão "Criar favicon.ico" e baixe a imagem resultante.

  • Recomendado: