Icon do site no iPhone/iPod Touch – Teotónio Ricardo
Posted bycenourinha February 17, 2008 1 Comment on 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.
Posted bycenourinha February 17, 2008 Posted inHow-ToTags: , apple, apple-touch-icon.png, aspect ratio, glassy, iphone, ipod icon, ipod touch icon, safari, webclips