O Favicon.cc é um site que permite criar um favicon (aquele ícone ao lado do endereço do seu site). Basta só mudar a cor de cada um dos pixels e formar um desenho! Este post te explicará mais sobre o Favicon.cc e te ensinará a colocar um favicon numa página da web.
1° Passo – Crie uma conta e um favicon
A primeira coisa a se fazer é criar uma conta. Depois de criada, é só selecionar uma cor, depois outra, e outra… e formar seu favicon. O favicon do Dicas da Web não foi criado lá, mas se fosse seria algo como:
Para criar um favicon animado, clique em “Use Animation” e vá desenhando quadros para animar seu favicon. Você pode usar os seguintes botões:
- Clear Frame: Limpa o quadro atual, deixando o transaparente, mas não o exclui;
- Append new frame: Cria um novo quadro em branco após o quadro atual;
- Copy previous frame: Copia o conteúdo do quadro anterior;
- Delete frame: Apaga o quadro atual.
Veja o favicon do Dicas da Web animado pelo Favicon.cc:
2° Passo – Baixe e insira seu favicon
Depois de criar seu favicon, clique em “Download”. Salve ele em seu PC (ou Mac, tanto faz) e hospede-o em um servidor web (via FTP ou no ImageShack ou PhotoBucket). Em seguida, copie e cole o seguinte código entre o <head></head> do código-fonte de sua página da web (site ou blog, nesse último caso, se você tiver acesso ao código-fonte):
<link rel="shortcut icon" href="/favicon.ico">
Apenas mude a parte em vermelho para o endereço de seu favicon.ico!
Publicando seu favicon
O Favicon.cc permite que você publique seu favicon criado para os usuários da comunidade deles, sobre licença Creative Commons. Clique em “Publish under an open license”, abaixo de “Download favicon”.
NOTA: Se você tem uma imagem e quer transformá-la em favicon, use o link Import Image e faça o upload da imagem, e repita o 2° passo.
Gostou do Favicon.cc? Têm alguma dúvida? Alguma opinião? Crítica? Comente e nós poderemos te ouvir!
Muito bom esse site. Meu favicon tava muito feio aí eu fiz um no favicon.cc animado e tudo mais. Eu fiz um “anti-alias” nele, colocando a cor mais clara em volta dele aí fica menos aparecendo o quadriculado. A proposito, cade o Sillon? Não to vendo mais ele aqui.
Abraços e parabéns pelo site!
Olá Willian,
A do anti-alias é bem legal! Vou tentar para ver como é. O Sillon estava me ajudando apenas a montar o site e escrever alguns artigos. Agora eu estou sozinho, porque ele não queria mais ficar aqui no site. Obrigado por visitar o DDW sempre!