Icon do site no iPhone/iPod Touch

Na MacWorld foram apresentados os WebClips para o iPod Touch ou iPhone. Os WebClips não são nada menos do que um atalho na Home do iPhone que lhe permitem aceder a um site de forma rápida.

Por defeito o icon dos WebClips é uma screenshot do site como é visto no Safari do iPhone e é ainda possível fazer zoom à página de forma a capturar apenas o logo para o icon. No entanto é possivel a qualquer webmaster criar um icon pré-defenido para o seu site, tal como no caso dos Favicons.

Primeiro é necessário um ficheiro PNG com aspect ratio 1:1 e com o nome “apple-touch-icon.png”. O tamanho não é importante, pois este é automaticamente reduzido para 57x57px. Apenas cerca de 47x47px do tamanho total é usado, o resto é usado para o efeito “glassy” que faz a borda e o sombreado aplicado pela Apple.

Imaginando que já tem a imagem na root do seu site, ao lado do ficheiro favicon.ico mas desta vez com o nome “apple-touch-icon.png”, basta-lhe apenas adicionar a tag <link> respectiva no <head> do html que vai defenir qual é o endereço da imagem.

Exemplo:

@ Blogging Tips

Habemus MobileTuga

 

Não… não é o nome de nenhuma parasita, nem é o anúncio de um novo pápa.

Como ontem vos disse, err… quer dizer, como tinha dito à umas horitas atraz, estava a trabalhar num novo projecto.

Como não consegui esperar pelo Natal para mostrar ao público este novo projecto, tive de divulgar o MobileTuga.

E pronto, é isto.

Espero que gostem, deem feedback ali do logo que foi feito aqui pelo “je”.