Créer une icône pour l'écran d'accueil de l'iPhone

Avec le firmware 1.1.3 les utilisateurs peuvent créer un lien vers un site web directement sur l’écran d’accueil de l’iPhone.

<emb141 center>

Par défaut l’Iphone met une capture d’écran de la page, ce qui est très moche (je me demande pourquoi apple utilise pas le fichier favicon.ico si il n’y a pas d’icône spécial iPhone).

<Noplay.net sans l'icône iPhone138 center>

C’est donc au webmaster de créer une icône adapté pour son site web.

#Créer l’icône Il faut une icone de 57x57 pixels au format PNG (apparament cela marche aussi pour le JPEG et le GIF). L’iphone rajoutera un effet de reflet par la suite. Voici par exemple l’icône de Noplay.net: <137|center>

Et le rendu sur l’iPhone: <139|center>

#Méthode 1 Il suffit d’appeller votre fichier apple-touch-icon.png et de le placer à la racine de votre site.

#Méthode 2 Dans les balises head de votre sites vous pouvez mettre un liens vers l’icone:

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

#Sources J’ai trouvé mes infos dans ce thread du forum frenchiPhone.com: http://forum.frenchiphone.com/index.php/topic,9558.0.html