Icône site web pour iMachin

Si vous gérez un site web, certains de vos visiteurs utilisent un appareil Apple, et il peut être intéressant de leur ajouter une icône.

En effet, lorsqu'on désire ajouter un site web sur son écran d'accueil une icône est ajoutée sur les appareils de la marque Apple : iPhone et iPad.

Cette icône, vous devez la créer sur votre site.

Il suffit de créer une image carrée qui sera votre icône et de la télécharger à la racine de votre site, en ayant pris soin de la nommer apple-touch-icon.png.

Cependant comme il y a plusieurs types d'appareils, si vous voulez les gérer, il faudra plusieurs tailles d'image :

• 60x60 pour les iPhone
• 76x76 pour les iPad
• 120x120 pour les iPhone Retina
• 152x152 pour les iPad Retina

Puis, il faut ajouter le code suivant dans l'en-tête de vos pages :

<link rel="apple-touch-icon" href="http://computing.travellingfroggy.info/touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="http://computing.travellingfroggy.info/touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="http://computing.travellingfroggy.info/touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="http://computing.travellingfroggy.info/touch-icon-ipad-retina.png">

Pour plus d'informations, en particulier pour les applications web, voir la documentation Apple.

Bon icônage ! !