Générateur de favicon
Importez un logo carré, réglez la marge, l'arrondi des coins et le fond, prévisualisez chaque taille et téléchargez un ZIP avec tous les fichiers et les balises link pour l'en-tête de votre page.
Choisissez une image pour générer toutes les tailles de favicon.
À propos de cet outil
Navigateurs, téléphones et systèmes d'exploitation réclament chacun des icônes à leurs tailles : le classique favicon.ico pour les anciens navigateurs et les favoris, des PNG de 16 et 32 px pour les onglets, un apple-touch-icon de 180 px pour l'écran d'accueil iOS et des icônes de 192 et 512 px pour Android et les applications web progressives. Ce générateur les produit toutes à partir d'une seule source en haute qualité, pour que les petites tailles restent nettes au lieu d'être réduites par le navigateur.
Le fichier ICO regroupe les versions 16, 32 et 48 px avec une compression PNG comprise par tous les navigateurs modernes. La marge évite qu'un logo touche les bords, l'arrondi des coins donne l'aspect que privilégient Android et macOS, et un fond uni empêche les icônes transparentes de disparaître sur les onglets sombres. Les fichiers sont générés dans votre navigateur et ne sont jamais envoyés.
Questions fréquentes
- Quelle image source utiliser ?
- Un PNG ou SVG carré d'au moins 512 px avec une forme simple. Les détails fins disparaissent à 16 px ; les logos épais donnent les meilleurs résultats.
- Ai-je encore besoin de favicon.ico ?
- C'est la solution de repli la plus sûre : les navigateurs demandent /favicon.ico automatiquement et certains outils ne lisent que ce fichier. Le ZIP l'inclut à côté des PNG.
- Où placer les fichiers ?
- À la racine de votre site ; collez ensuite l'extrait HTML dans le head de vos pages. Modifiez site.webmanifest pour ajouter le nom de votre application.
- Le fond transparent est-il conservé ?
- Oui, lorsque Transparent est sélectionné. Choisissez une couleur si l'icône doit se présenter de la même façon sur les onglets clairs et sombres.