Como postar um Favicon em seu site

• Pode 4, 2024

O ícone favorito, ou atalho, é a pequena imagem que aparece ao lado do URL do site na barra de endereços do navegador. Ele também aparece ao lado do nome do site na sua lista de favoritos ou favoritos e, se você estiver usando um navegador com guias, ele também poderá aparecer na guia.

A publicação de um favicon no seu site é uma boa maneira de adicionar um pouco de personalidade e, na verdade, é bastante fácil. A parte mais difícil do processo é escolher uma imagem para começar! Se você tem bons olhos para gráficos, pode criar o seu próprio. Caso contrário, você sempre pode escolher uma imagem da web. Se você decidir usar uma imagem existente, NÃO basta baixar um gráfico de outro site e publicá-lo por conta própria - você estaria violando os direitos autorais desse webmaster e poderia acabar com sérios problemas. Em vez disso, pegue uma imagem de uma das fontes gratuitas na Internet.

Seu favicon deve ter um tamanho específico para funcionar - 16X16 pixels ou 32X32 pixels. Isso é realmente muito pequeno; portanto, quando você selecionar sua imagem de base, certifique-se de que ela esteja bem reduzida ao tamanho do selo postal. Cores brilhantes e formas simples geralmente funcionam melhor. Você também deve salvar sua imagem em um dos formatos de favicon aceitos: .png, .gif ou .ico. A maioria dos desenvolvedores da Web usa .ico porque seu favicon provavelmente será o único arquivo em seu site com essa extensão; portanto, ele se destacará quando você percorrer os diretórios do site.

Você pode usar uma das várias ferramentas gratuitas da Web para converter sua imagem em um arquivo .ico de tamanho correto. Eu uso um oferecido pelos criadores do HTML Kit, que permite criar favicons estáticos e animados. Há um link para a ferramenta favicon abaixo deste artigo.

Agora vem a parte mais fácil - adicionar o favicon ao seu site! Você tem duas opções para exibir a imagem favicon. A primeira e mais segura opção é colocar o seguinte código na seção principal de todas as páginas em que você deseja que o favicon seja exibido, substituindo a parte 'href' pela URL do seu favicon:


tipo = "imagem / ico"
href = "// exemplo.com/myicon.ico">

A segunda opção é nomear seu favicon "favicon.ico" e colocá-lo em seu diretório raiz (geralmente é o mesmo diretório da sua página inicial). Com esse método, você nem precisa adicionar código às suas páginas da Web, e quase todos os navegadores pegam o ícone. No entanto, alguns navegadores (geralmente os mais antigos) não exibem o favicon se você usar esse método.

Instruções De Vídeo: Como colocar um "Favicon" no seu site. (Pode 2024).