🖼️Favicon
Um favicon é uma pequena imagem que representa o site na aba do navegador e na barra de favoritos. Adicione-o com a tag <link> no <head>. Use um ícone claro e relacionado ao tema do site.
Introdução
Um favicon (favorite icon) é uma pequena imagem que representa o site. Ele aparece na aba do navegador, na barra de favoritos, e em outros lugares onde o site é referenciado. Favicons ajudam a identificar facilmente o site e melhoram a experiência do usuário, proporcionando um toque de profissionalismo.
Como Adicionar um Favicon
Para adicionar um favicon ao seu site, você precisa criar um ícone e referenciá-lo no arquivo HTML usando a tag <link> dentro da seção <head>.
Passos para Adicionar um Favicon:
Crie ou escolha uma imagem para seu favicon:
O tamanho comum para favicons é 16x16 pixels, 32x32 pixels, ou 64x64 pixels.
Salve a imagem no formato
.ico,.png, ou.gif.
Coloque a imagem na pasta do seu site:
Geralmente, a imagem é colocada na raiz do diretório do site ou em uma pasta de imagens.
Adicione a tag
<link>no<head>do seu HTML:<html> <head> <title>Meu Site</title> <link rel="icon" href="caminho/para/seu/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="caminho/para/seu/favicon.ico" type="image/x-icon"> </head> <body> <h1>Bem-vindo ao Meu Site</h1> <p>Este é um exemplo de página com favicon.</p> </body> </html>
Dicas para Favicons
Consistência: Certifique-se de que o favicon esteja relacionado ao logotipo ou tema do seu site para consistência visual.
Visibilidade: Escolha uma imagem simples e clara, que seja fácil de reconhecer em tamanhos pequenos.
Testes: Verifique se o favicon é exibido corretamente em diferentes navegadores e dispositivos.
Atualizado
Isto foi útil?