Favicons (palavra derivada de favorite (favorito) e icon (ícone)) são pequenas imagens no formato *.ico com de cerca de 16x16 pixels que ficam guardados em um site para visualização pelo navegador. Em alguns navegadores como Internet Explorer até a versão 6, só exibem os favicons quando um site é adicionado aos favoritos. Neste caso, apenas no menu correspondente aos favoritos pode-se encontrar a imagem. Em outros navegadores como Firefox, Opera e Internet Explorer 7(+), os favicons podem ser encontrados também nas abas e na barra de endereço.

Os favicons também tem teor de acessibilidade pois ajudam um usuário comum a identificar uma página quando ela está exibida em uma lista ou em uma barra de abas. Visando isto, muitos favicons são imagens simplificadas do logotipo da marca que representam.

Na ausência de um favicon, os navegadores exibem seu próprio ícone ou um ícone padrão como uma folha em branco.

Inserindo um
depois de criado o favicon (Photoshop entre outros) - você deverá inserir:

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

entre as Tag`s

HEAD

Além disto, o ícone em formato *.ico deve se chamar obrigatoriamente favicon e estar hospedado na pasta (diretório) principal do website. De forma que se o endereço da página for http://hiperconectado.dahora.net, o endereço do ícone deva ser, por exemplo, http://hiperconectado.dahora.net/favicon.ico.

mas se você não quiser ter muito trabalho, acesse o site FavIcon from Pics, este site vai ajudar você a criar rapidamente o sei favIcon, e ainda cria o código bem simples.