Comment customiser une icône sur les écran d’accueil d’Iphone ?

Les utilisateurs d’Iphone ont la possibilité d’ajouter une icône sur leur écran d’accueil qui les mènera directement sur l’adresse url du site qui les intéresse. Il suffit pour cela de cliquer sur le bouton “ Ajouter à l’écran d’accueil ”.

Mais par défaut l’icône montrera un aperçu de la page en miniature, comme un imprim’écran. Pour une meilleure esthétique, il est possible de modifier cette icône. Ainsi, les utilisateurs découvriront votre logo ou toute image que vous souhaitez faire apparaître, plutôt qu’un aperçu miniaturisé de votre page.

Pour ce faire, la première étape est évidente : il faut créer l’icône. L’image doit mesurer 150px x 150 px pour être dans les bonnes dimensions.
Sauvegardez-la ensuite au format .png, sous le nom «  apple-touch-icon.png « .

Puis chargez-la sur votre serveur web FTP, dans le bon répertoire cible. Et le tour est joué.

Apple génère automatiquement des icônes aux bords arrondis et avec un effet brillant. Pour avoir ce type de visuel, vous pouvez utiliser le code suivant :

<link rel= »apple-touch-icon » href= »/votre_icone.png »/>

Vous évitez ainsi facilement un visuel peu attrayant sur l’écran des Iphones des usagers.