Favicons multi-sets : icon, apple-touch-icon et msapplication
Une favicon est une icône informatique symbolisant un site web.
Ces icônes sont créées et/ou utilisés par les concepteurs des sites internet. Les navigateurs web peuvent utiliser la favicon dans la barre d'adresse, les signets, les onglets ou encore les autres raccourcis. [WIKIPEDIA]
Préparer une image
Depuis plusieurs années, Blogger propose de personnaliser la petite favicon de 16px via l'interface. En savoir plus.
Aujourd'hui, nous allons nous attarder sur les autres formats et générer des balises pour obtenir des favicons de plusieurs dimensions :
| Système | Nom | Tailles |
|---|---|---|
| Web | icon |
[32,96,192] |
| Mobile | apple-touch-icon |
[57,60,72,76,114,120,144,152,180] |
| Tuiles Windows | msapplication |
[70/70,150/150,310/150,310/310] |
Pour commencer, il va falloir créer votre favicon à l'aide d'un logiciel d'images tel que PhotoShop, TheGimp ou encore PhotoFiltre.
L'image doit avoir les caractéristiques suivantes :
Carrée
Taille minimum : 310px
Format: PNG
Lorsque l'image est créée, hébergez-la sur Google (via l'éditeur d'un message Blogger ou via Google Photos) et récupérez l'url.
Le générateur
Entrez l'url de l'image Google, cochez les options désirées et recopiez le code fourni à l'endroit mentionné.
