por Magno Urbano
Se observar na barra de endereços do seu navegador, ao lado esquerdo de onde está a morada deste site, verá um pequeno ícone, correspondente ao nosso logotipo. Esse ícone é o favicon, ou seja, o favorite icon (icon favorito) - utilizado para representar o site no browser, nos bookmarks (favoritos) ou no desktop do computador (caso o utilizador tenha arrastado o ícone do browser para o desktop).
Criar este ícone nem sempre é uma tarefa fácil, nomeadamente para os que, como eu, estão a utilizar um Mac.
Entretanto, se seguir a receita que indico, de seguida, não terá problemas.
- Primeiramente, faça o download do plugin seguinte, consoante a sua versão de computador, sistema e Photoshop:
Versão para Mac OS X - Photoshop CS3
Versão para Mac OS X - Photoshop CS2
Versão para Mac OS - Photoshop anterior ao CS2
Versão para Mac 68K - Photoshop anterior ao CS2
Versão para Windows - Qualquer Photoshop
- Depois de fazer download da versão necessária, siga as instruções do autor contidas em README.HTML, para instalar o plugin no Photoshop;
- Uma vez que o plugin esteja instalado e a funcionar abra, no Photoshop, a imagem que deseja transformar no favicon.ico, e reduza-a para o tamanho de 16×16 ou 32×32 pixels;
- Vá ao menu Image » Mode e certifique-se de que está a trabalhar no modo RGB;
- Se a imagem que está a manipular no Photoshop possui um fundo independente do resto da composição – por exemplo, uma esfera vermelha sobre um fundo preto – deite fora o layer do fundo, para que a esfera fique sobre um fundo transparente – indicada no Photoshop por um fundo quadriculado, como o que mostramos na imagem seguinte:
- Vá ao menu File » Save As e escolha o formato ICO. Nomeie o ficheiro como favicon.ico. Durante o processo de gravação do ficheiro ICO, ser-lhe-á perguntado que tipo de imagem deseja criar. Escolha o tipo favicon.ico.
- Transfira por FTP o ícone para a raiz do seu site. Apesar de poder colocá-lo em qualquer directório, o local mais indicado é a raiz do site, a menos que, por alguma razão, não o possam lá colocar;
- No código HTML da página do seu site, acrescente as seguintes linhas antes do tag </HEAD>
<link rel=”shortcut icon” xhref=”favicon.ico” type=”image/x-icon” />
PRONTO! Basta agora carregar a página ou fazer um bookmark e vai ver o ícone. O Firefox, inclusive, mostra o ícone nos tabs.
| Tweetar |
| Se gostou desse artigo... | |
:: |
receba as novidades deste site por e-mail! |
Dê a sua opinião sobre este artigo
4 Opiniões
-
Timo on
Junho 28, 20076:37
Talvez esteja vesgo, mas não consigo encontrar o tal de help.html... Como instalar esse plug-in? Obrigado
-
Gestor on
Junho 28, 20079:08
Não é HELP.html e sim README.HTML, conforme diz o artigo. Para instalar o plugin coloque-o no directório File Format, dentro do directório Plugins do Photoshop.
-
Marcelo on
Outubro 3, 200720:52
muito bom
-
francisco vieira da silva junior on
Novembro 19, 200716:02
achei muito bom, gostei muito.
Google PageRank
Conteúdo Duplicado
- 2D
- 3D
- Adobe
- Apple
- Áudio
- Book & E-book
- Cinema
- Continuação
- Curso de Photoshop
- Cursos pela Internet
- Dicas
- e-learning
- Edição de Vídeo
- Fórum (2002-2005)
- Filmes - Making of
- Firefox
- Flash Catalyst
- Fotografia Digital
- Galeria de Imagens
- GIMP
- Ilustração
- Intel
- Linux
- Livro
- Microsoft
- Montagem de Fotos
- Nikon
- Pinnacle Studio
- Pixar
- Servidor Apache
- Software
- Tecnologias
- Tutoriais
- Ubuntu
- Vídeos
- Vídeos iPod
- Web
- Wordpress
- Yahoo!
- YouTube
ddddddd
- 2020: J - - - - - - - - - - D
- 2019: - - - - - - - - S - - -
- 2018: J - - - - - - - - - - -
- 2017: - - - - - - - - S - - -
- 2014: J - - - M - J - - - - -
- 2013: - - - A M - - - - - N -
- 2012: - F M - M - - A - - - -
- 2011: - - M A - - - - - O N -
- 2010: J - - A - J - - - - - -
- 2009: J F M A M J J A S O N D
- 2008: J F M A M J J A S O N D
- 2007: J F M A M J J A S O N D
- 2006: - F M - - J J A S O N D
- 2005: J - M - - J J - - - - -
- 2004: - F M A M J - - S - N D
- 2003: J F M A M J J A S O N D
- 2002: - - - - - - - - - - N D