Internet, CSS e Photoshop
Salvando favicons direto do Photoshop
Existem algumas dezenas de serviços online que podem tanto gerar quanto salvar uma imagem criada por você como favicon para seu site (alguns até hospedam o arquivo).
Cito alguns que gosto de testar:
![]()
Criar ícones é uma arte, em inglês é chamada de iconart. Por se tratar especificamente de favicons, estamos falando de imagens com não mais que 16×16 pixels, e representar uma marca ou uma ideia em uma área tão mínima é uma proeza e tanto. Veja que bacana essa coleção de favicons da Fineicons.
Bom, se você quiser gerar seus favicons diretamente do Photoshop, baixe este pequeno plugin ICOFormat.8bi para Windows (tem também a versão para Windows 64 bits) e salve-o na pasta C:\Program Files (x86)\Adobe\Adobe Photoshop CS4\Plug-ins\File Formats (ou C:\Program Files\Adobe\Adobe Photoshop CS4 (64 Bit)\Plug-ins\File Formats para versão de 64 bits).
Abra o Photoshop e crie um arquivo novo com 16×16 pixels. Seu favicon não precisa ter necessariamente fundo branco. Dependendo do caso um fundo transparente cai bem.

Crie seu iconart e salve o arquivo no formato .ICO

Feito isso, falta inseri-lo no código HTML.
Entre as tags <head></head> das páginas que você deseja que ele seja exibido insira a seguinte linha de código:
<link rel="shortcut icon" href="http://www.seusite.com.br/imagens/favicon.ico" />
| Print article | This entry was posted by ed1nh0 on 2010/04/13 at 12:31 am, and is filed under Photoshop. Follow any responses to this post through RSS 2.0. Você pode deixar uma resposta ou fazer um trackback do seu próprio site. |
Alê Mazzariolli
Barril de Ideias
Cozinha Travessa
Diego Franco
Flávio "Japs" Kaminisse
Leonardo Ota
Revolução etc.
Tiago Lemos
Pingback: Bitmaps, vetores e Interpolação de pixels | Edson S. Júnior