Ottimizzare un sito per l’iphone quando lo si aggiunge alla home

September 07, 2012

Quando dal proprio iPhone o iPad si naviga in internet con Safari si ha la possibilità di aggiungere un sito alla home, rendendolo accessibile tramite un icona esattamente come se fosse un applicazione.

In questo articoli voglio darti tre codici che ti aiuteranno a rendere più curato il tuo sito web.

L’icona dell’applicazione

si può personalizzare usando i seguenti metatag: Per l’icona normale
1
<link rel="apple-touch-icon" href="img&#47;icon.png"/>

Per eliminare l’effetto Gloss sull’icona

1
<link rel="apple-touch-icon-precomposed" href="img&#47;icon.png"/>

Icona ottimizzata per iPhone4 o New Ipad

1
<link rel="apple-touch-icon" sizes="114x114" href="img&#47;icon-iphone4.png"/>

Lo splash screen è un immagine che viene mostrata all’avvio dell’applicazione, per visualizzarla dobbiamo usare un’immagine di 320x460 pixel ed inserire il codice

1
<link rel="apple-touch-startup-image" href="img&#47;splash.png" />