Comment créer un favicon (toutes les tailles)
Le favicon est un mini-actif de marque visible dans les onglets, favoris et sur mobile. Réglez une fois les tailles et le HTML, puis oubliez-le.
Qu’est-ce qu’un favicon
Un favicon est la petite icône affichée dans les onglets, favoris et l’historique, ainsi que sur l’écran d’accueil mobile quand un site est enregistré. C’est un petit détail qui signale le professionnalisme et aide à la reconnaissance.
Générez l’ensemble avec le générateur de favicon.
Les tailles qui comptent
| Fichier | Taille | Usage |
|---|---|---|
| favicon.ico | 16, 32, 48 | Ancien / repli |
| favicon-32.png | 32×32 | Navigateurs modernes |
| favicon-16.png | 16×16 | Petits onglets |
| apple-touch-icon.png | 180×180 | Écran d’accueil iOS |
| icon-192.png | 192×192 | Android / PWA |
| icon-512.png | 512×512 | Splash PWA / stores |
Ajoutez le HTML
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.webmanifest">
Utilisez un manifest PWA pour couvrir Android et les applications installables.
Conseils de design
- Formes simples — une petite icône ne contient pas de détail.
- Contraste élevé pour rester lisible à 16 px.
- Testez à 16 px avant de valider.
- Évitez le texte ; utilisez un symbole ou un monogramme.
- Reprenez la couleur de votre marque.
L’image de partage social est différente
Un favicon n’est pas votre image Open Graph (le grand aperçu sur les réseaux). Créez une image 1200×630 avec le générateur d’image OG.
Dépannage
- Ne s’affiche pas — actualisez en forçant ; vérifiez le chemin.
- Flou — vous n’avez fourni qu’une petite taille ; ajoutez les plus grandes.
- Mauvaise icône sur iOS —
apple-touch-iconmanquante. - Rien sur Android — pas de manifest ou icônes 192/512 manquantes.
Générez le jeu complet
Déposez un logo carré dans le générateur de favicon et téléchargez toutes les tailles d’un coup — gratuit et privé.