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

xorna — Wed, 18 Mar 2009 13:03:36 +0000

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 de seu html:

          <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:

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

Compartilhe e socialize:

Blog do Xorna » html

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