Post escrito por Yeltsin Lima
A pergunta é freqüente desde que escrevi o post sobre a documentação do Tumblr: como colocar favicon em sua página web? A resposta é bastante simples, afinal, o código é o mesmo não importa qual seja o navegador. O código a seguir é responsável por aquele ícone de 16×16 pixels e que deve ser enviado em formato .png ou .ico:
<rel="shortcut icon" href="http://dicaswp.s3.amazonaws.com/wp-content/uploads/2011/01/favicon2.png" type="image/x-icon" />
Ele será exibido como ícone em todas as páginas do seu site. Não importa qual seja o navegador (inclusive no famigerado Internet Explorer). Opcionalmente você pode incluir a possibilidade de adicionar um ícone voltado para o iPhone, que precisa ser obrigatoriamente um arquivo .png (sem ser transparente). O tamanho precisa ser de 129×129 pixels (não sei se ele suporta tamanhos maiores mas, esse é o suficiente para a tela retina).
<link rel="apple-touch-icon" href="http://dicaswp.s3.amazonaws.com/wp-content/uploads/2011/01/appletouch2.png" />
Curso o primeiro período de Publicidade & Propaganda na Faculdade Integradas Barros Melo (AESO), sou colaborador do Meio Bit e fundador do DicasWP.
Loading ...
Vou usar no meu.
Muito boa a dica.