Une icône facile à créer pour les utilisateurs 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.

Customisez votre icône

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« .

Screenshot sur l'écran d'accueil Iphone - Http5000

Icone customisée sur Iphone - Http5000

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.

http5000 - Agence de communication lyonnaise depuis 2000

Restons en contact

Des infos pertinentes, des idées, pas de spam, laissez nous votre mail.

Inscription confirmée, merci!

Pin It on Pinterest