I'tenho trabalhado em um site e I'gostaria de adicionar um pequeno ícone na aba do navegador.
Como posso fazer isso em HTML e onde no código eu precisaria colocá-lo (por exemplo, cabeçalho)? Eu tenho um arquivo .png
logo que eu'gostaria de converter para um ícone.
Relacionado: https://stackoverflow.com/questions/2359866/html-set-image-on-browser-tab.
Use uma ferramenta para converter seu png em um arquivo ico. Você pode pesquisar "gerador de favicon" e você pode encontrar muitas ferramentas online.
Coloque o endereço ico no head
com um link
-tag:
<link rel="ícone de atalho" href="http://sstatic.net/stackoverflow/img/favicon.ico">
I'fiz isto com sucesso para o meu site.
A única exceção é que o navegador SeaMonkey requer código HTML inserido no seu <head>
; enquanto, os outros navegadores ainda exibirão o favicon.ico sem qualquer inserção de HTML. Além disso, qualquer navegador que não o IE pode utilizar outros tipos de imagens, não apenas o formato .ico. Eu espero que isso ajude.