Criando arquivos .ICO no Photoshop

favicon

O maior e mais poderoso editor de imagens do mundo nunca suportou arquivos de ícone no formato .ico! Acredita nisso? Quem tem o photoshop como parceiro a muito tempo já deve ter percebido, vira e mexe precisamos criar um arquivo ico. Eu fiz o favicon (ícone que precede a url do site na barra de endereço do navegador) do Zé Games aqui a um bom tempo atrás salvando como um simples GIF no photoshop e depois utilizei programas adicionais do tipo “gif to ico”, nada convencionais, porém relativamente práticos confeso. Mas esta semana olhando para o ícone com calma, reparei que seria possível dar uma melhorada na qualidade do mesmo, claro pensei logo no photoshop e sua limitação de não abrir e nem salvar o formato .ico…. Eu encontrei a solução, com o google meu fiél escudeiro, encontramos um pequeno plugin que adiciona suporte a este formato no photoshop, veja a pequena diferença de qualidade do favicon antigo e o novo:

Antigo: favicon antigo

Novo: favicon novo

Você também quer adicionar o suporte a .ico no seu photoshop? Então vamos lá…

Baixe o pequenino arquivo ICOFormat.8bi para o seguinte caminho:

C:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\File Formats\ICOFormat.8bi

De acordo com a url de instalação do seu photoshop.

Hora de Chupar:

Download HTTP mirror 1: Photoshop_ICOFormat-1.6f7-win.rar (25 KB)

HTTP mirror 2: Photoshop_ICOFormat-1.6f7-win.rar (25 KB)

HTTP mirror 3: Photoshop_ICOFormat-1.6f7-win.rar (25 KB)

Ah, antes que alguém pergunte, ai vai o código html para que o favicon apareça em uma página:

<LINK REL="SHORTCUT ICON" HREF="endereco_do_seu_icon.ico">

Código deve ser adicionado entre as tags <HEAD> aqui </HEAD>.

Pode ser .png também, mas não sabemos se todos os navegadores já suportam.. e no caso do IE e outros navegadores populares, simplesmente colocando um arquivo com o nome FAVICON.ICO na raiz do seu dominio o navegador já mostra, sem necessitar do código html que citei acima

Gostou? Eu também :)

6 comentários para “Criando arquivos .ICO no Photoshop”

  1. Decao disse:

    :) muito bom, very good . muito util mesmo ateh que enfim vou ter um editor de .ico

  2. zegames disse:

    Ah, para quem não sabe, favicon deve obrigatoriamente ter dimensões de 16 por 16 pixels.

  3. Decao disse:

    por isso o meu nao deu certo

  4. Anildo Sudati disse:

    tche se não for muito encomodo , pode me mandar como eu faço para achar keigen do photoshop, estou tentando ativalo, desde já obrigado.

  5. Phroyt disse:

    Zegames,

    cara o favicon na verdade foi uma invenção da Micro$oft. O IE versão 4, procurava na mesma url de uma página o arquivo favicon.ico . Mas na verdade, esse arquivo pode ser bmp, jpg, gif e png. Só a extensão é que fica como ico. Por isso a confusão…

    O uso de icons no favicon está atualmente em diminuindo, em vista da má resolução e compactação. Um gif e um png8 ficam muito bons!

    Dica: http://en.wikipedia.org/wiki/Favicon

    ;)

  6. zegames disse:

    Interessante suas colocações Phroyt, wikipedia é uma mão na roda. Pena que eu não achei nenhuma página com informações oficiais sobre os padrões de favicon, se você buscar no própio site da microsoft também não irá encontrar muitas informações, apenas o que eu disse de que o padrão de icones para favicon devem ser 16×16. O máximo que tu encontra é informações sobre a TAG a ser adicionada em seu código html.

    Se quisermos ver os padrões do html acessamos o site do w3c, e sobre os favicons? Se tu descobrir diz ai :{

    Pelo que li por alto no artigo da Wikipedia, o suporte a outros formatos no favicon vai de cada navegador implementar ou não.

Deixe um comentário

Você precisa fazer o login para publicar um comentário.