Submarino.com.br

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

March 18th, 2009 por xorna |

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

Deixe seu recado

Spam Protection by WP-SpamFree

Clicky Web Analytics