Criando um Favicon

13 04 2008

Agora você deve estar se perguntando que raios seria um Favicon, para as pessoas que possuem esta dúvida, um Favicon nada mais é do que aquela imagem que aparece na barra de endereços de seu navegador ao lado da URL do respectivo site. No meu caso a imagem que aparece é o ícone do wordpress.

O tamanho da imagem deve ser de 16×16px ou 32×32px, e para adicioná-lo em sua página, basta inserir este código entre as tags :

<link rel="shortcut icon" href="imagens/favicon.ico" />

A parte do código que está em negrito é onde você irá inserir o diretório de onde está seu favicon.

Como o próprio nome já diz, a imagem deve estar no formato de ícone (.ico), por padrão, o photoshop não possui esta extensão, para isso, iremos instalar este plugin, que nos possibilitará salvar nossa imagem como .ico.

Para instalar o plugin é só seguir o que diz no arquivo README.txt presente no download.
Para salvar como .ico basta, após a imagem estar concluída, ir em Save As… > .ico .

Este plugin funciona para todas as versões do Photoshop instalados no windows.

Óbvio que se você não possui o photoshop ou não está com muita vontade para este “trabalho” todo, há uma outra opção.

Basta acessar este site e aproveitar.
Com ele sua tarefa fica muito mais simples, é só realizar o upload de uma imagem de tamanho qualquer (com no máximo 1500.00kb) que você queira diminuir e clicar em Create Icon.

Fácil, rápido e indolor.