[Html] Icon para o iPhone/iPod Touch

[Teotónio Ricardo]

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
Traduzido por mim

[crazii]

fixe men mas o iphone inda nao chegou cá lool

[Teotónio Ricardo]

Já existem iPhones aos pontapés por aí... mas mesmo que não tivessemos iPhone, o iPod touch já saiu à uns dias...

[agfrg]

Já existem iPhones aos pontapés por aí... mas mesmo que não tivessemos iPhone, o iPod touch já saiu à uns dias...

Realmente podemos contar os dias desde o lançamento em Outubro... O firmware com esta capacidade e que só tem 1 mês.