Olá, pessoal

Hoje inicio uma nova seção do blog, denominada FERRAMENTAS.

Falarei sobre as diversas ferramentas disponíveis gratuitamente na Internet que auxiliam os desenvolvedores web.

E pra começarmos bem, veremos alguns geradores de FAVICONS.

Mas o que realmente é um Favicon?

Favicon é um pequeno ícone que é exibido em nossos navegadores, representando algum site da web. Traduzindo ao pé da letra: FAV = FAVORITOS | ICON = ÍCONE. Ele aparece tanto na barra de endereço como na lista de favoritos dos browsers.

E por que eu preciso de um Favicon?

A grande maioria dos sites profissionais possui um favicon para se distinguir dos demais. Imagine uma lista de websites num grupo de itens da barra de favoritos. Os sites que tiverem ícones são destacados e mais visualizados, consequentemente.

Quais navegadores são compatíveis?

A maioria das versões dos principais navegadores suportam ícones.Por exemplo: Internet Explorer 5/6/7+, Firefox 1/2+, Google Chrome, Mozilla 1/2+, Netscape 7+, Opera 7+, Avant 1.1, Konqueror 3+, Safari e muitos outros.

Para entendermos melhor, vejamos como os favicons são representados no navegador Chrome:

Favicons no navegador Chrome

Como implantar um Favicon em meu site?

Vamos lá!

1º – Envie seu Favicon para algum servidor web, de preferência, o mesmo do site no qual será implantado;

2º – Insira o código assinalado abaixo em vermelho entre as tags HEAD, em verde (em ‘href‘, insira o endereço com a localização do favicon);

<html>
<head>
<title>Título do meu site</title>
<link rel="shortcut icon" href="http://www.meusiteaqui.net/favicon.ico">
</head>

3º – Feche o navegador e abra-o novamente para aparecer o Favicon. Mas atenção! Dependendo da versão do navegador, a imagem não aparece logo, então é preciso reiniciar seu PC. E se mesmo assim não surgir, alguns navegadores levam dias pra indexar. =/

E como criar um Favicon?

Simples! Abaixo está uma pequena relação de sites que criam estes ícones favoritos. Para isso, basta inserirmos qualquer imagem nos gerenciadores dos sites a seguir e “correr pro abraço” =D

1 – Favicon.cc

Gerador On-line de Favicon - favicon.cc

2 – 256 Pixel

Gerador On-line de Favicon - 256 Pixel

3 – Favicon Generator & Gallery

Gerador On-line de Favicon - Favicon Generator & Gallery

4 – FaviconTool

Gerador On-line de Favicon - Favicon Tool

5 – Dagon Design

Gerador On-line de Favicon - Favicon Factory

6 – Favicon Factory

Gerador On-line de Favicon - Favicon Factory

7 – Favicon Prime

Gerador On-line de Favicon - Favicon Prime

8 – Dynamic Drive

Gerador On-line de Favicon - Dynamic Drive

9 – FavIcon From Pics

Gerador On-line de Favicon - FavIcons From Pics

10 – DeGraev.com

Gerador On-line de Favicon - DeGraev

Se você souber de mais algum, por favor, envia-me o endereço para que eu atualize este post e lhe dê os devidos créditos ;)

Até a próxima.

CarlosHPS Webdesigner 8)

Blog Widget by LinkWithin