Créer une icône-bookmark (Webclip)

Sur l’iPhone, depuis le firmware 1.1.3, il est possible mettre ses sites favoris sur la page d’accueil (Home Screen). Cela génère donc une icône à partir d’un screenshot du site concerné. Le problème étant que la plupart du temps (toujours en fait LOL), c’est très laid. Le webmaster peut cependant rendre son site iPhone friendly à ce niveau là Rien de plus simple, il suffit de créer une image …

- d’une taille de 57 x 57 pixels (sinon rognage)
- au format .png,
- de l’appeler apple-touch-icon.png,
- de l’uploader à la racine de son FTP.

Le principe est donc similaire au favicon.ico.

Tout comme pour ce dernier, il est possible d’appliquer cette icône à une page spécifique de votre site, en insérant une ligne comme celle-ci à l’intérieur des balises d’entête (head) de la page…

  <link rel="apple-touch-icon" href="/customIcon.png"/>

A noter que le navigateur Safari se charge automatiquement de l’effet superposer l’effet glassy sur votre icône afin qu’elle ressemble aux icônes originales.

Voilà ! NightAngel.fr a bien sûr sa propre icône désormais