Archive for the ‘iPhone’ Category

Crie o favicon para seu site… incluindo iPhone também!

Wednesday, March 18th, 2009

Buenas, post rapinho, já que não disponho de tanto tempo assim, estou aqui só para falar de duas coisas rápidas, a primeira é a promoção Você na drimio, onde você pode ganhar um iPod Shuffle de 2GB, particularmente eu queria participar, mas me baniram hahaha. Enfim basta ir até o endereço http://www.drimio.com/vocenadrimio/. Mas agora vamos ao post, hoje decidi escrever sobre um assunto rápido e que parte dele é abordado as pampas aqui na internet. Mas a segunda parte não, criar um favicon é moleza, todo mundo já sabe, mas nem todo mundo já criou seu favicon para iPhone, certo?

Criando o favicon para o seu pc:

Basta você pegar a imagem em questão, com no minimo 16×16px (pode ser 32×32px, já que o IE faz o redimensionamento em tempo de execução), exporte o mesmo para a extensão ICO, pode ser usado o photoshop, ou Irfanview, ou seu programa de criação de ícones favorito. Faça upload para seu servidor (de preferência na raiz) e depois disso adicione as seguintes tags dentro do <head> de seu html:

     <link rel="shortcut icon" href="http://seudominio.com/favicon.ico">     <link rel="icon" href="http://seudominio.com/favicon.ico">

Feito isso, seu favicon já estará funcionando legal nos navegadores desktop compatíveis. Mas agora vem a parte divertida da história, colocarmos nosso favicon pra funcionar no iphone. Basta criar uma imagem preferencialmente PNG com nosso icone mas com tamanho de 57×57px, fazer upload da mesma e adicionar a seguinte tag dentro de nossa head:

    <link rel="apple-touch-icon" href="meuicone.png">

Depois disso é só você testar e confirmar o resultado.

Compartilhe e socialize:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • E-mail this story to a friend!
  • LinkArena
  • LinkedIn
  • Live
  • Netvibes
  • Socialogs
  • Technorati
  • ThisNext
  • Yahoo! Buzz
  • YahooMyWeb
Clicky Web Analytics