Qu’est-ce qu’un favicon ?
Le favicon est la petite icône qui représente votre site dans les onglets du navigateur, les favoris, l’historique, les résultats de Google et l’écran d’accueil des smartphones. Un seul fichier de 16×16 ne suffit plus : chaque plateforme demande sa taille et son format, c’est pourquoi ce générateur crée le jeu complet.
Les tailles de favicon nécessaires en 2026
| Fichier | Taille | Utilisé par |
|---|---|---|
favicon.ico | 16, 32, 48 px | Onglets, anciens navigateurs et PDF ouverts dans le navigateur |
favicon-96x96.png | 96×96 px | Navigateurs récents et résultats Google (Google recommande plus de 48×48) |
apple-touch-icon.png | 180×180 px | Écran d’accueil de l’iPhone et de l’iPad |
web-app-manifest-192x192.png | 192×192 px | Écran d’accueil Android |
web-app-manifest-512x512.png | 512×512 px | Écran de démarrage Android et applications web installables (PWA) |
site.webmanifest | — | Indique à Android et Chrome les icônes et couleurs à utiliser |
Comment ajouter le favicon à votre site
- Décompressez le pack et placez tous les fichiers dans le dossier racine de votre site (celui de la page d’accueil).
- Collez le code HTML ci-dessous dans la section <head> de vos pages.
- Vérifiez en ouvrant votresite.com/favicon.ico. Les navigateurs gardent le favicon en cache : il faut parfois recharger ou attendre quelques heures.
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"> <link rel="icon" href="/favicon.ico" sizes="48x48"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
Pourquoi votre site a besoin d’un favicon
Reconnaissance de la marque
Il aide à retrouver votre site parmi de nombreux onglets ouverts et favoris.
Visibilité sur Google
Google affiche votre favicon à côté de votre résultat. Une icône claire fait ressortir votre lien.
Confiance
Un site sans favicon semble inachevé. Une bonne icône montre le soin et le professionnalisme.
Mobile
Quand un visiteur ajoute votre site à son écran d’accueil, il voit l’Apple Touch Icon ou l’icône Android.
Questions fréquentes
Quelle taille doit faire un favicon ?
Utilisez un favicon.ico multi-tailles (16, 32 et 48 px) ainsi que des icônes PNG en 96×96, 180×180 (Apple), 192×192 et 512×512 (Android). Ce générateur les crée toutes à partir d’une seule image.
ICO, PNG ou SVG : quel format choisir ?
Idéalement les trois. favicon.ico reste la solution universelle, le PNG couvre les navigateurs récents et les mobiles, et le SVG reste net à toutes les tailles. Importez ici votre PNG ou JPG pour obtenir les fichiers ICO et PNG.
Pourquoi mon favicon n’apparaît-il pas sur Google ?
Google demande une icône carrée d’au moins 48×48 px, déclarée sur la page d’accueil et non bloquée dans le robots.txt. La mise à jour peut prendre des jours, voire des semaines, après une nouvelle exploration.
Pourquoi mon navigateur affiche-t-il encore l’ancien favicon ?
Les navigateurs mettent le favicon en cache. Forcez le rechargement (Ctrl+F5), ouvrez la page en navigation privée ou ajoutez une version au lien, par exemple /favicon.ico?v=2.
Ce générateur de favicon est-il gratuit ?
Oui. Il est gratuit, sans inscription, et vos images sont supprimées de notre serveur au bout d’une heure.