Dutra Hacking: Como criar e usar arquivos .ico (ícone)

29 de mar. de 2012

Como criar e usar arquivos .ico (ícone)

Tutorial

Você já deve ter visto aquele ícone, aquela imagem de quando você coloca um jogo no computador quando o CD/DVD e executado, ou mesmo os favicons (imagens que aparecem no simbolo do navegador quando você entra no site) pois e, isso e um arquivo .ico, vamos aprender a faze-lo ? Maos na massa!

Primeiro você tem que criar a imagem ou já te-la em seu computador. Ja deixo claro que não sera necessário a instalação de nenhum programa a menos que você queira um.

A imagem deve estar em PNG, JPEG, BMP ou GIF;
A imagem deve ser quadrada, os tamanhos ideais sao 64px x 64px, 32px x 32px ou 16px x 16px, eu prefiro o de 64px x 64px.
Você pode fazer suas imagens no Adobe Photoshop ou no Paint.

Voce pode fazer uma imagem grande quadrada sem problemas, no entanto entre em um destes sites para fazer redimensionar a imagem e gerar o arquivo .ico:

http://converticon.com/ ou http://www.favicon.cc/ eles são muito fáceis de mexer.

Aqui tem um tutorial de como criar um icone no Adobe Photoshop: http://semnome.net/2009/12/como-fazer-icones.html

Colocando em DVDs/CDs e Pendrives

Coloque o seu ícone no dispositivos que você deseja;

Agora abra o bloco de notas: iniciar > todos os programas > acessórios > Bloco de Notas

Então digite:

[autorun]

icon=nomedoicone.ico

Não se esqueça de substituir o "nomedoicone" pelo nome real do seu ícone.

Agora salve este arquivo do bloco de notas como autorun.inf (exatamente assim) e depois coloque-o no cd/dvd/pendrive mas ainda não feche nada, você precisa apos botar la, clicar no botão direito do mouse e ir em propriedades e clicar no atributo "oculto", se você não fizer isso, seu antivírus poderá acusar como vírus, pois existem muitos vírus que tem o sufixo .inf no final.

Colocando em um site

Agora você fara um Favicon, ou seja um ícone que aparece como simbolo do seu site, sendo também um arquivo .ico.

Coloque o seu "ícone.ico" na pagina principal do seu servidor do site, agora vamos colocar este "ícone-simbolo" na pagina do seu site:

Edite o arquivo index do seu site:

Procure pelo código <head> , então insira depois da ">" isso:

Agora teste tudo, se algo der errado siga novamente cada passo desse tutorial.

Serviços para criação de favicons:

http://tools.dynamicdrive.com/favicon/

http://www.256pixels.com/

http://favicon2dots.com/

http://www.favicontool.com/

http://www.webscriptlab.com/favicongenerator.php