Une icône personnalisée pour votre site sur l’iPhone et l’iPod Touch
Par Korben le 11 août 2008
![]()
Lorsque qu’on surfe avec Safari, sur l’iPhone ou l’iPod, il est possible de créer un bookmark du site de votre choix qui sera représenté sous la forme d’une icone sur l’écran principal de l’appareil.
Pour faire cela, c’est simple, il suffit de cliquer sur le petit + dans la barre du bas de Safari et de cliquer ensuite sur le bouton “Ajouter à l’écran d’acceuil”
L’icône alors crée reprendra une partie de votre site et sera pour ainsi dire “moche”
Mais pas de panique, j’ai une solution pour tout webmaster qui souhaite que ses visiteurs équipés d’iPhone aient une jolie icône sur leur appareil préféré.
Tout d’abord, vous devez créer votre icône au format PNG de 57×57 pixels et l’uploader à la racine de votre site ou de votre blog. Il faut savoir qu’Apple utilise des icônes de 129 pixels de côté donc ça peut être un format à essayer aussi.
Renommez ensuite ce fichier PNG en apple-touch-icon.png et le tour sera joué ! Si vous n’avez pas accès à la racine de votre site, l’autre solution consiste à rajouter le bout de code html suivant dans le <head/> de votre page d’index.
<link rel=”apple-touch-icon” href=”/chemin/vers/le/fichier.png” />
Bien sûr n’oubliez pas de mettre l’icône fichier.png dans le répertoire “/chemin/vers/le/”
Et maintenant avec tout ça, on vous appelera “Monsieur la classe”
[photo]
Je vous recommande aussi la lecture des sujets suivants
- Créez un .ico à partir d’un pixmap linux
- Comment surveiller ce qui se passe sur votre ordinateur pendant votre absence (Linux)
- Comment réparer un pixel mort…
- Apple me prend pour une pomme
- Comment augmenter la place reservée aux programmes sur l’Apple Touch






zep3
Merci beaucoup pour l’astuce, car mon icone était tout pixelissé donc pas top sur mon iPhone.
Posté le 30 août 2008 à 15:37:30