|
15 Janvier 2010
Posted in
Light In Box - Le Blog ! -
Design - Illustration - Print
Savez-vous que...
16% de la population est équipée en "smartphone"
il y a 8,3 millions de français "mobinautes"
2,5 millions d'Iphones ont été vendus en France
Ajoutez un "favicon" pour Apple iPhone / iPod
Comme chacun le sait, le favicon est une petite image permettant d'identifier l'adresse d'un site internet, dans ses favoris par exemple, ou dans la barre de navigation. Mais avec le nombre croissant de possesseurs d'Iphone ou Ipod, il devient intéressant d'identifier son site sur ce type appareils.
Car bien évidemment, il existe un favicon spécifique pour les iPhone et iPod. Et si d'aventure, un mobinaute décide de bookmarker (de mettre en favoris) votre site, pourquoi ne pas lui proposer un favicon adapté ?
Comment réaliser votre Apple touch icon ?
L'apple Touch Icon est une simple image PNG de 57x57 pixels. A cet image seront automatiquement ajoutés des filtres qui lui permettront de se fondre dans le décor glossy d'Apple :
des bords arrondis
un effet de brillance par l'ajout d'un reflet lumineux supérieur en forme d'arrondi
un effet d'ombre portée, orientée vers le bas
Mieux vaut donc utiliser des teintes vives, car l'image sera légèrement ternie par l'ajout de ces effets.
Une fois l'image créée, il suffit de l'insérer à la racine de votre site internet, puis d'ajouter la ligne de code ci-dessous faisant appel à cette image, avant la balise </head> de votre page (le nom de l'image apple-touch-icon.png est proposé par défaut, mais on peut lui donner le nom que l'on souhaite).
<link href="/apple-touch-icon.png" rel="apple-touch-icon" />
Un exemple, l'apple-touch-icon de Light In Box
La première image est l'image que nous avons inséré, la deuxième est l'image automatiquement modifiée. Pratique non ?
1
2
Comment ajouter ce signet dans votre iPhone / iPod ?
Pour le découvrir, allez sur Internet via votre iPhone / iPod, et tapez l’adresse du site internet sur lequel vous venez d'ajouter l'apple touch icon. Dans la barre de navigation du bas de votre écran, cliquez sur le + afin de faire apparaître le menu contextuel, cliquez sur «ajouter à l’écran d’accueil», et renommer votre icône avant de cliquer sur «ajouter».
Votre icône de raccourci apple touch icon est présent sur votre iPhone !
A vous de jouer !
