Générateur de favicon
Fournissez une image ou une lettre ; téléchargez favicon.ico, PNG, icône Apple et balises head en ZIP.
Outil
Un favicon est la petite icône qui représente votre site dans l'onglet du navigateur, les favoris et l'écran d'accueil d'un téléphone. Vous importez une image PNG, JPG, WebP ou SVG, ou vous dessinez une icône à partir d'une ou deux lettres ou d'un emoji, en réglant fond, couleur du texte, arrondi des coins et graisse. Il produit favicon.ico (16, 32, 48 pixels), des PNG de 16 et 32, une apple-touch-icon de 180, des icônes Android de 192 et 512, une icône masquable de 512 et un site.webmanifest.
Pour une image qui n'est pas carrée, vous choisissez entre centrer et recadrer, ou ajuster et remplir le reste avec la couleur de fond. L'aperçu montre l'icône sur un fond d'onglet clair et sombre, puis sur un écran d'accueil. L'outil donne aussi les balises à placer dans le head et le texte du manifeste dans des zones copiables. Vous téléchargez chaque fichier ou tout en un seul ZIP. Dans l'icône masquable, le contenu est réduit dans une zone sûre pour que le recadrage des bords ne le coupe pas.
Si votre source fait moins de 512 pixels, les grandes tailles seront floues, et l'outil vous en avertit. Un logo détaillé ne se lit pas à 16 pixels ; une forme simple ou une seule lettre fonctionne mieux à cette taille. Les navigateurs gardent les favicons en cache, la nouvelle icône peut donc mettre du temps à apparaître après publication. L'outil produit les fichiers ; les placer sur votre site et vérifier adresses et chemins vous revient, ou revient à votre développeur.
Questions fréquentes
Quels fichiers et quelles tailles sont produits ?
Le favicon.ico contient des images de 16, 32 et 48 pixels. Vous obtenez aussi favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180), android-chrome-192x192.png, android-chrome-512x512.png, une icône masquable de 512 et site.webmanifest.
L'image que j'importe est-elle envoyée quelque part ?
Non. L'image est traitée uniquement dans votre navigateur ; elle n'est ni envoyée sur le réseau ni conservée. La fermeture de la page supprime l'image et les fichiers générés, pensez donc à télécharger le ZIP.
Quelle taille doit avoir mon image source ?
Pour un bon résultat, utilisez une image carrée d'au moins 512 pixels. Plus petite, elle rend les grandes tailles floues et l'outil vous prévient. Un SVG n'a pas de problème de taille.
Pourquoi mon site affiche-t-il encore l'ancien favicon ?
Les navigateurs mettent les favicons en cache, le changement peut donc ne pas apparaître tout de suite. Essayez un rechargement forcé ou fermez puis rouvrez l'onglet, et vérifiez les noms de fichiers et les chemins dans vos balises head.
