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

Attention ! Les catégories Fonctionnalités et Développements vont bientôt faire l'objet d'une révision.

Nous vous rappelons que lorsque vous accédez à ce blog, vous signez automatiquement un accord avec Blogger Code.
Consultez les CGU.


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

Fiches populaires cette semaine

Les opérateurs d'URLs [path/params/appendParams/fragment]

Ajouter des boutons au menu de partage