search
SITEDISCORD

🖼️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.

hashtag
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.

hashtag
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>.

hashtag
Passos para Adicionar um Favicon:

  1. 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.

  2. 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.

  3. 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>

hashtag
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.

AnteriorTags de Formulário parte 2PróximoTag <video> para adicionar vídeos

Atualizado