Um ícone para um site ou, como é mais frequentemente chamado, um ícone é o que você pode ver no canto ao lado do nome da guia no navegador. Além disso, o ícone é exibido ao lado do nome do site na lista de "Favoritos", você também pode vê-lo quando o motor de busca mostra o seu site nos resultados da pesquisa.
É necessário
- - logotipo do site,
- - Photoshop,
- - conversor favicon.
Instruções
Passo 1
Abra o logotipo do seu site no Adobe Photoshop. Se não houver logotipo, você pode tirar qualquer outra foto, só é importante que ela esteja associada ao seu site. Processe a imagem removendo todos os detalhes desnecessários e agora reduza seu tamanho para 32 ou 16 pixels de cada lado. Em seguida, salve a imagem como um arquivo gráfico.png
Passo 2
Melhor de tudo, se você acabar criando um arquivo com uma resolução de 32x32 pixels, já que os usuários às vezes salvam os atalhos dos sites que gostam na "Área de Trabalho", e ali as imagens de 16x16 pixels parecem insuficientemente detalhadas. No entanto, tenha em mente que no navegador seu ícone ainda será dimensionado para 16x16 pixels, essas são as imagens que são exibidas nos Favoritos e no título.
etapa 3
Agora você precisa converter a imagem em um arquivo ico. Isso pode ser feito usando um plug-in para Photoshop ou usando um serviço gratuito de Internet, por exemplo, https://favicon.ru/. Existem muitos plug-ins e serviços, eles funcionam quase da mesma maneira, então não faz sentido aconselhar nenhum específico. Esses sites são chamados de geradores de favicon.
Passo 4
Renomeie o arquivo resultante para favicon.ico.
Etapa 5
Agora vá para o painel de controle do seu site e encontre o diretório raiz onde a primeira página está localizada. Geralmente é index.html ou outro arquivo gerado pelo sistema de gerenciamento de conteúdo. Pode já haver um ícone chamado favicon.ico. Nesse caso, exclua o ícone antigo e substitua-o pelo seu.
Etapa 6
Se o diretório raiz não estiver disponível para você, bem como, nesses casos, se você mesmo escreveu o código para o site, será necessário editar todas as páginas do site nas quais o ícone deve aparecer. Abra a página em um editor e adicione uma entrada na seção head
Etapa 7
Se o ícone não estiver localizado no diretório raiz, mas em outro lugar, no parâmetro href, escreva o caminho completo do arquivo.
