04/12/09

Como criar arquivos .ico com Photoshop

Estava procurando um artigo sobre favicon, e como fazer funcionar o favicon em todos os principais navegadores atuais, quando me deparei com um artigo muito interessante em Dicas Blogger: Favicon: como criar e hospedar imagens .ico.
Com este artigo, esclarecedor, consegui meu objetivo: o favicon de Photoshop Tutoriais pode ser visualizado em todos os principais navegadores da web... muito obrigado ao Dicas Blogger, mais uma vez.

Arquivos .ico e Photoshop

Você pode estar se perguntando, agora, o que tem a ver favicon, arquivos .ico e Photoshop?
Bom, é aí que tive a idéia de escrever sobre isso:
  • favicon é aquele ícone que aparece à esquerda da url da página, na barra de navegação do browser( navegador de internet);
  • Para que o favicon seja visualizado corretamente, precisamos criar o ícone no formato .png e no formato .ico;
  • No Photoshop, para salvar arquivos no formato .png, basta ir em File > Save As ou File > Save for Web & Devices e escolher o formato .png;
  • Já para criar arquivos .ico no Photoshop, a princípio, não é possível; o Photoshop não reconhece a extensão .ico.
Se o Photoshop não reconhece a extensão de arquivo .ico, como criar um arquivo .ico com Photoshop? É possível? Claro que sim!

Como criar arquivos .ico (ícone) no Photoshop

Como dito anteriormente, a princípio, o Photoshop não abre nem salva arquivos .ico. Mas, você pode facilmente resolver este problema, instalando o plug-in ICO no Photoshop, independente da versão de seu Photoshop. Basta seguir os três passos a seguir:
  1. Baixe o plug-in ICO, direto do produtor, clicando aqui. Escolha o arquivo, de acordo com seu sistema operacional.
    Em Windows, o arquivo é este aqui;
  2. Depois de baixar o plug-in, extraia o arquivo "ICOFormat.8bi" e copie-o na pasta "Arquivo de Programas/Adobe/*SUA VERSÃO PHOTOSHOP*/Plug-Ins/File Formats/";
  3. Inicie/ Reinicie o Photoshop.
Agora, você vai poder abrir e salvar imagens no formato .ico usando Photoshop.
Para criar imagens .ico com Photoshop, vá em File > Save as e escolha a opção "ICO [Windows Icon][*.ICO]".

Finalizando...
A extensão .ico é usada, também, para criar os ícones do Windows que, a partir de agora, você pode criar com o Photoshop.
No artigo de Dicas Blogger, citado no início, você encontra um site onde hospedar os arquivos .ico para usar como favicon.

19 comentários:

MICHEL disse...

obrigado pela extençao pessoal !!!

Anônimo disse...

show vlw thanks :D

Gilyard Bardin disse...

Vlw cara tava precisando

Anônimo disse...

Funciona com CS5?!

OsniKniess disse...

Muiiiito bom! Esse lance do icones me salvou a vida ( profissional ) by Photoshop!

Anônimo disse...

nao consegui de jeito nenhum fazer funcionar no CS5 se alguem puder me ajudar, meu e-mail é: brunno.betti@uol.com.br agradeço desde já.

The Wisdom disse...

Sim, existe um plugin compatível com o Photoshop CS5. Baixe o plugin .ico aqui e siga o procedimento descrito acima, no tutorial.

Abraços a todos!

Anônimo disse...

Ajudou muito, já tinha baixado este plug-in mas como meu sistema é de 64b não funcionava, indo ao site de origem e escolhendo o ficheiro de 64 funcionou na perfeição.

Rodrigo disse...

Caro amigo,
A intenção deste blog é esta mesmo, além de ensinar um pouco sobre Photoshop: ajudar o usuário a encontrar recursos para Photoshop.
Abraços.

Iuri Nogueira disse...

Rodrigo,
O que você esqueceu de postar para o pessoal é que esse plugin só trabalha com tamanhos predefinidos,ou seja apenas 16x16,32x32,48x48,64x64,128x128, e 256x256.
Fora desse gama nem adianta que não aparece no 'Save as'.
Abração e parabéns pelo Blog.

Rodrigo disse...

Muito obrigado por seu comentário, Iuri.
Como estamos falando de formato de ícones padrões para Windows e para web, me esqueci de esclarecer este detalhe.

Anônimo disse...

muito bom, simples e direto, ajudou bastante! vlw!!

A vida como ela é... disse...

Não apareceu no meu photoshop a opcao .ico. Verifiquei o tamanho, mas nao deu certo... Sou muito leiga para mexer com isso... Mas muito bom o site! Parabens!

Anônimo disse...

noss, mto bom... nao sabia dessa
estao de parabens

Pedro Lalli disse...

Cara não funcionou!!! =( verifiquei o tamnaho e fiz tudo como explicou! mas não aparece a opção .ico nas extensões do save as! Será que é pq estou usando o CS5? abs!

Rodrigo Neves disse...

Pedro, este plugin para criar arquivos no formato .ico funciona corretamente na versão CS5.
Tente instalar novamente o plugin e, para salvar, vá em File > Save as e selecione ICO Format.

hermesonl disse...

vlw me ajudou muito.

Robert Diego disse...

Aos que estão com problema para fazer funcionar o plug in no CS5:
- baixem a versão exclusiva para windows 64bit (quem usar esta versão).
- em seguida colem o arquivo na pasta do photoshop que fica em arquivo de programas/Adobe... NÃO COLEM NA PASTA ARQUIVOS DE PROGRAMAS (X86)

Vagner Bruxo disse...

Olá. Gostaria de saber por que os icones que crio (tanto em photoshop quanto qualquer outro) ficam com um "canto" sombreado no cando inferior direito depois de pronto. Caso alguem saiba, fico muito grato!

Postar um comentário

Artigos Populares e Interessantes