Ao visitar sites como Google, Yahoo ou wikiHow, você pode ver um pequeno ícone à esquerda da barra de endereço. Este ícone é conhecido como favicon e você pode criar um para seu próprio site. Além de dar um toque profissional ao site, este ícone aparecerá no segmento de favoritos do usuário, ao lado dos sites que ele marcar como favoritos. Dessa forma, os usuários podem encontrar seu site com mais facilidade.
Etapa
Etapa 1. Crie uma imagem com tamanho de 16 x 16 pixels
Use imagens simples para fácil identificação.
Etapa 2. Converta a imagem em um arquivo “favicon.ico”
O arquivo deve ser nomeado dessa forma para que o navegador o reconheça. A maneira mais fácil de fazer isso é usar o serviço Dynamic Drive FavIcon Generator. Você também pode usar o programa gratuito de edição de imagens GIMP e salvar a imagem com uma resolução de 16 x 16 pixels no formato ICO.
Etapa 3. Carregue o arquivo criado no site
Etapa 4. Adicione o seguinte código ao HTML do site
Você precisa adicioná-lo ao segmento de código e certificar-se de que o endereço do diretório do ícone está correto, de acordo com a página da web. Aqui está o código que você precisará inserir (assumindo que os arquivos.html e.ico estão no mesmo diretório principal / superior):
Etapa 5. Recarregue a página, dê uma olhada e admire o lindo novo ícone do seu site
Pontas
- Embora sejam muito pequenos em tamanho, certifique-se de que as pessoas possam ler ou compreender facilmente os ícones usados.
- Se você estiver usando o sistema operacional Linux, poderá converter arquivos diretamente de seu computador. Selecione a imagem apropriada, abra um programa de linha de comando (linha de comando), visite o diretório onde o arquivo de imagem está armazenado e digite: convert image-p.webp" />
