Agence web Fbtech » iphone http://www.fbtech.fr Agence web : création de site internet & référencement Tue, 11 Oct 2011 20:16:21 +0000 en hourly 1 http://wordpress.org/?v=3.3 Créer son WebClip – icône iPhone http://www.fbtech.fr/creer-son-webclip-icone-iphone.html http://www.fbtech.fr/creer-son-webclip-icone-iphone.html#comments Sun, 30 Aug 2009 21:14:06 +0000 Alexandre http://www.fbtech.fr/?p=301 iphoneiconVoici un tutoriel qui vous permettra d’ajouter à votre site internet un WebClip pour iphone, c’est à dire, pouvoir
avoir une icône personnalisée quand vos utilisateurs souhaitent ajouter votre site à leur écran d’accueil sur iPhone.

La mise en place de ce WebClip se résume en deux étapes principales, détaillées ci-dessous :

1. Création de l’icône pour iPhone :

Vous devez tout d’abord créer votre icône en utilisant le logiciel de votre choix. Les spécificités sont les suivantes :
a. Votre icône devra impérativement faire 57px de large sur 57px de haut ni plus ni moins.
b. Vous devrez créer l’icône au format png transparent.

2. Mise en place de l’icône sur votre site internet :

Cette étape est relativement simple si vous avez des connaissances en html et/ou création de sites :
a. Enregistrez votre icône en la nommant : « iphoneicon.png »
b. Placez l’image à la racine de votre site internet
c. Ajoutez la balise <link rel="apple-touch-icon" href="/iphoneicon.png"/> entre les balises <head>...</head>
d. Enregistrez votre/vos pages

Après avoir complété ces deux étapes, vous pourrez effectuer un test si vous êtes en possession d’un iPhone ou iPod en vous connectant sur votre site puis en ajoutant celui-ci en page d’accueil, cf photos ci-dessous :

1 2

34

]]> http://www.fbtech.fr/creer-son-webclip-icone-iphone.html/feed 1