Como Inserir Um ícone Em Um Site

Índice:

Como Inserir Um ícone Em Um Site
Como Inserir Um ícone Em Um Site

Vídeo: Como Inserir Um ícone Em Um Site

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

Original e interligado com o tema do site, o ícone será lembrado pelos visitantes e permitirá que eles identifiquem rapidamente o recurso. Ele será exibido à esquerda do marcador, bem como ao lado das páginas removidas graças à pesquisa.

Como inserir um ícone em um site
Como inserir um ícone em um site

Instruções

Passo 1

Prepare uma imagem para ser usada como ícone. A imagem não deve ser grande e consistir em muitos elementos. Tente usar formas geométricas simples: círculo, triângulo, quadrado. Uma opção interessante será a abreviatura do projeto, composta por 2-3 letras. Se for impossível encontrar uma combinação, é melhor usar uma imagem temática regular. Mas não seja muito pequeno - em um arquivo gráfico pequeno, vários detalhes simplesmente se fundem, não dando ao visitante a menor chance de vê-los.

Passo 2

Se o site foi criado com páginas html simples, neste caso, use o comando:. Você precisa inseri-lo em, o local não faz uma diferença fundamental. Para adicionar uma imagem, carregue-a no servidor ou use a hospedagem de arquivos para esse fim. Ao escolher o segundo método, é preciso lembrar que assim que a imagem ficar indisponível no endereço, o ícone não será mais exibido.

etapa 3

É melhor instalar um ícone em um site gerenciado pelo cms criando um arquivo separado com a extensão.ico. Ele deve ser carregado para a raiz do site usando programas especiais, por exemplo, FileZilla. Então você precisa adicioná-lo ao comando. Após realizar tais ações, seu ícone deve ser exibido corretamente em todos os navegadores.

Passo 4

Também existe uma maneira mais fácil de criar uma miniatura. Vá para o site https://favicon.ru/ e carregue uma imagem nele. Clique em "Baixar favicon.ico" - o novo documento estará nos downloads. Agora preencha na raiz do site e adicione o seguinte antes da tag:

Recomendado: