Icona \"Aggiungi a Home\" per web application iPhone

L’iPhone permette di gestire tramite Safari i preferiti come facciamo già sui dispositivi normali. Ma un altro modo di bookmarkare delle pagine web è quello di creare un testo nella dashboard del telefono. Un’icona, del tutto simile a quella delle altre applicazioni, che nei fatti è uno shortcut ad una pagina web che consideriamo particolarmente importante e vogliamo aprire velocemente.

iphone-touch-icon at davidonzo.com

Quella che vedete indicata dalla freccia rossa nell’immagine sopra è semplicemente un collegamento a FriendFeed che si aprirà via Safari sull’iPhone. Ma come fare una cosa del genere?

La cosa è abbastanza semplice. Basta creare un’immagine PNG di dimensioni 45X45 pixel con quello che volete mostrare nell’icona dell’iPhone. Il nome ha poca importanza, ma per semplicità chiameremo il file iphone-icon.png Salvatela sul server dove meglio credete e aggiungete ai tag del head delle pagine visualizzate tramite iphone la seguente riga.


<link rel="apple-touch-icon" href="http://www.examle.com/path/to/iphone-icon.png" />

Ovviamente dovete personalizzare l’attributo href inserendo l’indirizzo corretto dell’immagine sul vostro server.

4 thoughts on “Icona \"Aggiungi a Home\" per web application iPhone”

  1. Non c'è bisogno del linkrel. Basta chiamare il file apple-touch-icon.png e posizionarlo nella root principale del sito.

    Safari, aprendo il sito cercerà l'icona da solo!

    A presto

  2. buonasera,conoscete un modo per inserire l' icona del proprio sito cliccando su un link? mi spiego meglio, io vorrei evitare di far cliccare sul + e poi aggiungi a home, ma creare un link sul mio sito che permette l'aggiunta in automatico del collegamento con un indirizzo http specifico. vi ringrazio tantissimo per una vostra eventuale risposta.

Comments are closed.