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é.
Autres tutos
- Peut-on trier les tableaux de nombres ?
- Comment contourner le changement automatique du type d'une donnée dans une opération XML Blogger ?
- Modifier le menu des boutons de partage
- Ajouter des boutons au menu de partage
- Une pagination automatique avec le gadget Pages
- Favicons multi-sets : icon, apple-touch-icon et msapplication
- Masquer des éléments des thèmes dynamiques
- Créer des sous-catégories dans le gadget Libellés
- Une pagination automatique avec le gadget Libellés
- Filtrer les libellés dans les articles
- Créer un sélecteur d'articles
- Ajouter son blog au module de recherche Firefox
- inReplyTo : Développer un module de commentaires avec réponses
Licence - La reproduction du contenu de ce blog n'est pas autorisée
Aucune disposition des Conditions d'Utilisation de ce blog ne pourra être interprétée comme conférant à l'Utilisateur une licence sur les Droits de Propriété Intellectuelle.
Le blog Blogger Code PE ne concède qu'une autorisation de visualisation de son contenu à titre personnel et privé. Les copies ou reproductions doivent être strictement réservées à l'usage privé du copiste.
Toute reproduction abusive, totale ou partielle du blog Blogger Code PE, représentation, modification, publication, traduction, adaptation totale ou partielle de l'un quelconque de ces éléments, accompagnée ou non d'un lien de référence, quel que soit le moyen ou le procédé utilisé, est interdite et sera considérée comme constitutive d’une contrefaçon et passible de poursuite (Les peines prévues à cet effet sont une condamnation de 3 ans d'emprisonnement et une amende de 300.000€) conformément aux dispositions des articles L.335-2 et suivants du Code de Propriété Intellectuelle.
Nous nous réservons le droit d'afficher dans ce cadre les notifications d'infraction à la loi DMCA en relation avec le contenu de ce document et déposées par les représentants agréés du blog Blogger Code PE.
Affiliée au 
Google Product Experts Program - Ambassador & Troubleshooter.
- Affectation Google France, produit Blogger, du 11/07/2011 au 28/07/2014.
- Affectation Google US, produit Blogger depuis le 28/07/2014.
Spécialisation : Technologie des thèmes Blogger.
Auteur originel de la théorie du langage XML Blogger : Règles syntaxiques, directives d'usage, classifications, compilations et corrélations des composants.
Cela représente près de 10 années de travail. Je remercie tous ceux qui ont respecté ma propriété intellectuelle et j'offre mes meilleurs sentiments aux nombreux contributeurs (Amis, Utilisateurs, Experts Produits Google, Blogger Team et Ingénieurs).
