Favicons multi-sets : icon, apple-touch-icon et msapplication

Blogger - 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



Spotlight

Populaires cette semaine

Twitter : Bouton mentionner / Mention button