Un favicon pour votre iPhone

Un favicon pour votre iPhone

Vous possédez votre propre site Internet et vous aimeriez l'ajouter sur l'accueil de votre iPhone ?

Créer en quelques instants votre favicon

Par défaut, lorsque vous lancez Safari et que vous cliquez sur le bouton + pour ajouter votre site à l'écran d'accueil, c'est une copie de ce dernier qui est affichée.

Je vais donc vous expliquer comment remédier à ce léger problème (si jamais c'en était un)

Dans un premier temps, il faut créer une image d'une taille de 56x56 pixels. Pour une qualité optimale, je vous conseille de l'enregistrer au format PNG et de lui donner le nom suivant :

apple-touch-icon.png

Vous obtenez un résultat comme sur l'image ci-dessous (j'ai mis mes trois favicon, pour faire joli).

Ajouter la balise sur votre site

A présent que l'image est créée, vous devez ouvrir votre page d'accueil de votre site avec votre éditeur préféré afin d'ajouter la balise suivante entre les balises head.

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

Enregistrez votre fichier, uploadez le, ainsi que l'image, avec votre logiciel FTP.

Vous pouvez à présent ajouter votre site à la page d'accueil de votre iPhone pour obtenir le résultat
suivant :

Voilà, en quelques minutes, votre site est mis en valeur sur votre iPhone.

Si vous avez aimé ce tutoriel, merci de laisser vos impressions ;)

Catégorie Tutoriels - Écrit par le 08/11/2010 - Article lu 1 184 fois - 2 commentaires

2 réflexions sur ce billet

Bravo pour ce tutoriel, un véritable plaisir d'avoir son propre icône sur l'Iphone.

Le sentiment d'avoir sa propre application.

Écrit par Vince du site http://iphone-apple.fr/
Le 03/04/2011 à 01h03

Merci pour l'astuce. Je vais en parler sur notre site ;)

Les commentaires de ce billet sont fermés

Haut de page