ícone da imagem ao lado da URL do site

StackOverflow https://stackoverflow.com/questions/120420

  •  02-07-2019
  •  | 
  •  

Pergunta

Eu gostaria de ter informações sobre os ícones que são exibidos ao lado das URLs de sites em um navegador web. Isso é algum recurso específico navegador? Onde é que vamos especificar a fonte ícone, ou seja, é de alguma tag na própria página web?

Foi útil?

Solução

Estes ícones são chamados favicons

A maioria dos navegadores suportam http://mysite.com/favicon.ico mas a maneira correta de fazer isso é incluir uma tag ícone meta no perfil da cabeça. 

<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" 
      type="image/png" 
      href="/somewhere/myicon.png" />
[…]
</head>

Fonte do próprio W3C.

Sua melhor aposta é provavelmente a fazer ambos com a mesma imagem ícone.

Outras dicas

Eu acredito que você está se referindo ao Favicon , que permite que um site para especificar um 16x16 (ou maior) imagem que é exibido na barra de endereços ao lado da URL na maioria dos navegadores modernos.

Alguns navegadores basta escolher o arquivo chamado favicon.ico que está na raiz da sua pasta web, enquanto outros exigem que seja especificado no <head> do HTML usando o código a seguir, 

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

Esta era originalmente a forma como foi feito com o IE, mas que não se conforma com os padrões (por causa do espaço no rel), de modo que a maioria dos navegadores agora deixá-lo fazer o seguinte, onde você pode usar qualquer imagem padrão formato, e não apenas .ico 

<link rel="icon" href="favicon.png" type="image/png" />

Estes são favicons -. Mais informações na página

Basicamente, .ico arquivos no diretório raiz do servidor web.

Vou apenas acrescentar que alguns sites usam um GIF animado como favicon. Que pode ser visto como legal über ou extremamente irritante, dependendo do seu gosto ... E, provavelmente, não é suportado por todos os navegadores.

A maneira mais fácil de obter essa informação é por este aplicativo web simples

texto do link

Você só precisa digitar a URL da página e ele retorna todas as propriedades da imagem

favicons . Browsers olhar para / em um servidor para favicon.ico

Isso é chamado favicon você pode olhar para este tutorial usando favicon no aplicativo asp.net link

Ele foi originalmente um janelas ícone de arquivo de formato, armazenados sob a URL http: //site/favicon.ico . A maioria dos sites ainda usam favicon.ico, e muitos navegadores ainda olhar automaticamente lá, independentemente das metatags.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top