como-fazer-icones perfeitos para html

pegado no site http://semnome.net/2009/12/como-fazer-icones.html

Esse tutorial explica, de forma simplificada, como fazer um ícone utilizando o Photoshop. Se você tiver o seuarquivo de imagem pronto e quer apenas criar o arquivo ‘.ico’, leia o artigo “Criando ícones a partir de imagens”.

Nesse tutorial eu usei o Adobe Photoshop 7, em português. Mas você pode utilizar qualquer outra versão do Photoshop, ou outro editor de imagem que você saiba usar. Então, vamos lá:

1 - Aperte Ctrl+N, para criar um novo arquivo. Crie uma imagem quadrada de fundo transparente, com 72dpi. Quanto às dimensões, veja a lista de aplicações:

• 16x16 e 32x32 - Favicons
• 64x64 - Ícones de pasta para o Windows XP, Favicons de Alta qualidade
• 128x128 ou 256x256 - Ícones para o Windows (Alta qualidade / Windows Vista e Seven)

Eu escolhi 64x64 pixels e criei a imagem:

2 - Cole uma imagem recortada nesse arquivo (aprenda como) ou crie nela mesmo. Eu colei o logo do SemNome 2.0:

3 - Aperte Ctrl+T e redimensione a imagem

4 - Aperte Ctrl+S e salve como PNG:

4.1 - Não use entrelaçamento

Pronto! Seu ícone já estará criado (ou não). Caso seu ícone não tenha sido criado, leia as dicas:

• Use fundo transparente nos ícones para que ele apareça corretamente nas barras dos navegadores
• Não use sombras em ícones menores que 64x64 pixels: A sombra deixará o ícone ilegível
• Não use textos nos ícones: além de ilegível, deixará o ícone feio e confuso.