Como Inserir Um ícone De Site

Índice:

Como Inserir Um ícone De Site
Como Inserir Um ícone De Site

Vídeo: Como Inserir Um ícone De Site

Vídeo: Como Inserir Um ícone De Site
Vídeo: Como colocar ícones no HTML com CSS 2024, Maio
Anonim

Existem duas maneiras de inserir um emblema com o logotipo do seu site. Um deles envolve a criação de um arquivo de ícone no diretório raiz e o outro é a inserção do código em um editor especial.

Como inserir um ícone de site
Como inserir um ícone de site

É necessário

  • - editor gráfico;
  • - bloco de anotações.

Instruções

Passo 1

Abra o diretório raiz do seu site. Crie um arquivo chamado favicon.ico. Este arquivo suportará a exibição do ícone do seu site na frente da barra de endereço no navegador.

Passo 2

Se o ícone do seu site não estiver pronto, crie-o usando o programa Adobe Photoshop, após baixar o plug-in apropriado, ou outro editor gráfico que suporte trabalhar com este tipo de arquivo, por exemplo, Microangelo, QTam Bitmap para Ícone, Axialis IconWorkshop. Verifique previamente o trabalho em diferentes navegadores, não só no que se refere à exibição do ícone do site na barra de endereços, mas também no diretório "Favoritos".

etapa 3

Na tag de sua página, adicione o seguinte código:. Nesse caso, um link para diferentes variações de tamanhos de imagem será mantido, o que é bastante conveniente, mas menos confiável.

Passo 4

Aqui, você pode usar o editor de bloco de notas usual e programas especiais projetados para uma escrita de código mais conveniente, por exemplo, o utilitário gratuito Notebook, que suporta a exibição de numeração de linha e serve como um software bastante conveniente para edição frequente.

Etapa 5

Crie um ícone para o seu site, tendo pensado em todos os seus detalhes com antecedência. É melhor decidir imediatamente o desenho e o tamanho (aqui - dependendo do método de adição, já que no primeiro caso, apenas um arquivo com resolução 16x16 está disponível).

Etapa 6

Você também pode usar arquivos.atn especiais para Adobe Photoshop, que permitem criar ícones automaticamente com os efeitos desejados, você pode encontrá-los na Internet em fóruns temáticos ou em deviantart.com na seção “Ações”.

Recomendado: