Mode d’emploi
| Fichier | Utilisé par |
|---|---|
| favicon.ico (16, 32, 48) | Tous les navigateurs |
| favicon-16x16, 32x32 | Onglets du navigateur |
| apple-touch-icon (180) | Écran d’accueil iPhone/iPad |
| android-chrome (192, 512) | Android et applications web |
| favicon.svg | Net à toute taille (mode lettre) |
Placez les fichiers à la racine de votre site et ajoutez le code dans <head>. Dans WordPress, vous pouvez aussi importer une image de 512×512 dans Personnaliser → Identité du site.
Exemple concret
Une lettre blanche sur un carré vert arrondi donne un pack de 9 fichiers prêts à mettre en ligne.
Questions fréquentes
Pourquoi je ne vois pas la nouvelle icône ?
Les navigateurs mettent les favicons en cache — vérifiez dans une fenêtre privée ou videz le cache.
Quel logo fonctionne le mieux ?
Un PNG carré transparent ou un SVG avec peu de détails, car il s’affiche en 16 px.
Pourquoi l’icône Apple a-t-elle un fond ?
iOS affiche les icônes transparentes sur fond noir, nous la remplissons donc avec votre couleur de fond.