Balises HTML de favicon
Générez un extrait <head> propre et correct pour vos fichiers favicon. Définissez le chemin de votre dossier, puis copiez et collez.
Chemin et options
Faites correspondre l'extrait à l'endroit où vos fichiers sont déployés
Exemple: /favicons. Utiliser / ou laissez vide pour la racine du site.
Exemple d'URL : /favicons/favicon-32.png
Votre extrait
Copiez, collez, déployez, puis vérifiez.
<link rel="icon" type="image/x-icon" href="/favicons/favicon.ico"> <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png"> <link rel="manifest" href="/favicons/site.webmanifest">
Comment l'utiliser
1) Mettez vos fichiers dans le dossier que vous avez choisi (par exemple /favicons).
2) Collez l'extrait dans celui de votre site <head>.
3) Déployez, puis exécutez le Vérificateur de favicon pour confirmer que les URL renvoient 200.
Foire aux questions
Est-ce que vous téléchargez quelque chose ?
Non. Cet outil génère uniquement du texte dans votre navigateur ; il n'y a pas de téléchargements.
Que dois-je mettre dans le champ du chemin du dossier ?
Utilisez le chemin URL public où vos fichiers favicon sont servis. Exemple : /favicons. Utilisez / (ou laissez-le vide) pour la racine du site.
De quels fichiers ai-je réellement besoin ?
Pour une couverture solide : favicon.ico, favicon-16.png, favicon-32.png, apple-touch-icon.png et site.webmanifest.
Comment puis-je vérifier que cela fonctionne ?
Collez l'extrait, déployez, puis exécutez le Vérificateur de favicon sur votre URL en direct.