Favicons multi-sets [icon / apple-touch-icon / msapplication]

Layouts Version
1
2
3
Modifier
Attention ! Les catégories Fonctionnalités et Développements vont bientôt faire l'objet d'une révision.
Actuellement, cette page peut contenir des liens morts et des informations obsolètes!

Favicon multi-tailles
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é.

Image
URL Image PNG ? favicon

Posts les plus consultés de ce blog

Les types de données [introduction]

Facebook : Bouton partager [Share button]