Mode d'emploi
- Choisissez une lettre ou un emoji et ses couleurs, ou importez une image (idéalement carrée).
- Choisissez une forme et vérifiez l'aperçu dans l'onglet du navigateur.
- Téléchargez les fichiers, placez-les à la racine du site et collez le code HTML dans le <head>.
Quels fichiers favicon faut-il ?
favicon.ico (16, 32 et 48 px dans un seul fichier) fonctionne dans tous les navigateurs. Les navigateurs récents utilisent aussi des versions PNG. Les iPhone utilisent l'icône Apple Touch (180 px), Android les icônes 192 et 512 px du manifeste web.
En très petite taille, les détails disparaissent. Une lettre nette ou un symbole simple bien contrasté fonctionne le mieux.
Questions fréquentes
Mon image est-elle envoyée sur un serveur ?
Non. Toutes les icônes sont générées directement dans votre navigateur.
Le favicon.ico est-il un vrai fichier ICO ?
Oui. Il contient les tailles 16, 32 et 48 pixels au format PNG, pris en charge par tous les navigateurs actuels.
Pourquoi mon nouveau favicon ne s'affiche-t-il pas ?
Les navigateurs gardent les favicons en cache. Rechargez la page avec Ctrl+F5 ou ouvrez-la en navigation privée.