Ícone personalizado próximo ao endereço URL na barra de endereços do navegador?

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

  •  08-06-2019
  •  | 
  •  

Pergunta

Como codifico para que um ícone de empresa apareça no lado esquerdo ao lado do endereço URL na barra de endereço do navegador?

Foi útil?

Solução

Você está procurando um Favicon.

Outras dicas

carrega www.whateveryouron.com/favicon.ico

se o seu domínio for robermyers.com, basta colocar um ícone favicon.ico de 16px que seja acessível e você estará pronto.apenas tente isso Google ou fluxos de pilha

Você precisa criar um favicon.O favicon usa um arquivo .ico padrão (pelo menos no Windows).Se você tiver um logotipo, poderá convertê-lo em sites como http://www.favicongenerator.com/

No <head> da sua página html, use o <link> tag para definir a localização do favicon assim:

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

Pode ser necessário atualizar a página para que o ícone seja exibido.

carregue um arquivo no servidor web chamado favicon.ico

Em navegadores modernos, outros formatos de arquivo além de .ico também funcionam.Você pode até colocar gifs animados lá!

DynamicDrive também possui um criador de favicon fácil.

Diferentes páginas/diretórios também podem chamar um .ico diferente com código semelhante ao exemplo do y0mbo (isto é o que o Mint usa):

<link href="sc/ph645.43/images/icons/mint.ico" rel="icon" type="text/x-icon" />

Esse é um bom artigo sobre favicons em detalhes.

Suspeito que os favicons animados têm o potencial de seguir o caminho da etiqueta piscante. hortelã está usando o deles para combinar com seu design geral, se você visitar o FF3, verá que ele corresponde à cor verde que o FF usa para designar um certificado SSL reconhecido.

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