Per specificare un’icona personalizzata per tutte le pagine di un sito web, è sufficiente collocare un’immagine di tipo PNG all’interno della directory dove risiedono i vostri documenti (root) nominandola “apple-touch-icon.png”. Il funzionamento è lo stesso di “favicon.ico” per i siti web.
Per sovrascrivere l’icona di default all’interno di una singola pagina è sufficiente inserire un ntag link come nell’esempio qui sotto: <link rel=”apple-touch-icon” href=”/customIcon.png”/> all’interno dell’elemento <head> della pagina.
L’icona deve avere una dimensioni in pixel di 57 x 57. Se l’icona fosse di dimensioni diverse da queste verrebbe automaticamente ridimensionata.
