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