Essa imagem é chamada de ' favicon ' e é um pequeno .icoarquivo quadrado , que é o tipo de arquivo padrão para favicons. Você pode usar .pngou .giftambém, mas deve seguir o padrão para melhor compatibilidade.
Para definir um para o seu site, você deve:
Faça uma imagem quadrada do seu logotipo (de preferência 32x32 ou 16x16 pixels, pelo que eu sei não há tamanho máximo *) e transforme-a em um .icoarquivo. Você pode fazer isso no Gimp, Photoshop (com a ajuda de um plugin ) ou um site como Favicon.cc ou RealFaviconGenerator .
Então, você tem duas maneiras de configurá-lo:
A) Colocando-o na pasta / diretório raiz do seu site (ao lado de index.html) com o nome favicon.ico.
ou
B) Link para ele entre as <head></head>tags de cada .htmlarquivo em seu site, como este:
Se você quiser ver o faviconde qualquer site, basta escrever www.url.com/favicon.icoe você (provavelmente) o verá. O favicon do Stackoverflow tem 16x16 pixels e a Wikipedia é 32x32.
*: Há até um problema de navegador sem limite de tamanho de arquivo. Você poderia facilmente travar um navegador com um favicon extremamente grande, mais informações aqui
Respostas:
Essa imagem é chamada de ' favicon ' e é um pequeno
.ico
arquivo quadrado , que é o tipo de arquivo padrão para favicons. Você pode usar.png
ou.gif
também, mas deve seguir o padrão para melhor compatibilidade.Para definir um para o seu site, você deve:
Faça uma imagem quadrada do seu logotipo (de preferência 32x32 ou 16x16 pixels, pelo que eu sei não há tamanho máximo *) e transforme-a em um
.ico
arquivo. Você pode fazer isso no Gimp, Photoshop (com a ajuda de um plugin ) ou um site como Favicon.cc ou RealFaviconGenerator .Então, você tem duas maneiras de configurá-lo:
A) Colocando-o na pasta / diretório raiz do seu site (ao lado de
index.html
) com o nomefavicon.ico
.ou
B) Link para ele entre as
<head></head>
tags de cada.html
arquivo em seu site, como este:Se você quiser ver o
favicon
de qualquer site, basta escreverwww.url.com/favicon.ico
e você (provavelmente) o verá. O favicon do Stackoverflow tem 16x16 pixels e a Wikipedia é 32x32.*: Há até um problema de navegador sem limite de tamanho de arquivo. Você poderia facilmente travar um navegador com um favicon extremamente grande, mais informações aqui
fonte
É chamado de ' favicon ' e você precisa adicionar o código abaixo à seção de cabeçalho do seu site.
Basta adicionar isso à
<head>
seção.fonte
Este é o favicon e é explicado no link.
por exemplo, de W3C
Além disso, é claro que o arquivo de imagem no local apropriado.
fonte
ou você pode usar este
fonte
Adicione um arquivo de ícone chamado "favicon.ico" à raiz do seu site.
fonte
16x16
px.