Pesquisar

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: 


<link rel="shortcut icon" href="/nomedoicone.ico"/>

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

Serviços para criação de favicons:


Se você se interessar mais por favicons acesse: http://pt.wikipedia.org/wiki/Favicon
Se você se interessar pela criação de arquivos .inf e autorun acesse: http://dutrahacking.blogspot.com.br/2011/11/construindo-arquivos-inf-e-autorun.html   e
http://dutrahacking.blogspot.com.br/2011/11/criancao-de-arquivos-inf-no-windows.html

Nenhum comentário:

Postar um comentário