Générateur de favicon – favicon.ico et icônes depuis une image ou du texte
Créez toutes les tailles de favicon dont un site moderne a besoin à partir d’une image ou de quelques lettres, avec favicon.ico, un web manifest et les balises HTML.
Importez une image carrée (au moins 512 × 512 px) ou tapez 1 à 3 lettres et choisissez les couleurs. Le générateur crée favicon.ico (16, 32 et 48 px), des icônes PNG de 16, 32, 180, 192 et 512 px, un site.webmanifest et le code HTML. Envoyez les fichiers à la racine du site et collez le code dans le .
Comment utiliser : Générateur de favicon
- Choisissez « Depuis une image » et déposez un logo carré, ou « Depuis du texte » et tapez des lettres.
- Pour le texte, choisissez la forme et les couleurs.
- Vérifiez l’aperçu de chaque taille.
- Téléchargez favicon.ico et les fichiers PNG.
- Envoyez-les à la racine du site et collez le code HTML dans le <head>.
De quels fichiers favicon avez-vous besoin ?
Navigateurs, téléphones et moteurs de recherche cherchent des fichiers différents. Pas besoin de dizaines de tailles : ce petit ensemble couvre pratiquement tous les appareils actuels.
| Fichier | Taille | Utilisé par |
|---|---|---|
| favicon.ico | 16, 32, 48 px | Anciens navigateurs, Windows, nombreux robots |
| favicon-32x32.png | 32 px | Onglets du navigateur |
| apple-touch-icon.png | 180 px | Écran d’accueil iPhone et iPad |
| icon-192.png | 192 px | Écran d’accueil Android |
| icon-512.png | 512 px | Écrans de démarrage, installation PWA |
Le générateur produit un vrai fichier ICO multi-tailles (avec des images PNG à l’intérieur) et un site.webmanifest qui pointe vers les icônes Android.
Depuis une image ou des lettres
Utilisez votre logo s’il est simple et lisible en tout petit. Un logo détaillé devient une tache à 16 px ; c’est pourquoi beaucoup de marques n’utilisent que l’initiale ou un symbole. Importez un PNG ou SVG carré d’au moins 512 × 512 px ; les images non carrées sont centrées avec des marges. Vous n’avez qu’un SVG ? L’outil l’accepte, ou passez d’abord par Convertir SVG en PNG.
Pas encore de logo ? Choisissez « Depuis du texte », tapez une à trois lettres et choisissez une forme et des couleurs. Les combinaisons grasses et très contrastées restent lisibles dans un onglet.
Installer le favicon
- Envoyez tous les fichiers dans le dossier racine du site (celui de la page d’accueil).
- Collez le code HTML dans la section head de chaque page ou du modèle de votre thème.
- Videz le cache ou ouvrez le site en navigation privée pour voir la nouvelle icône.
Google affiche les favicons dans les résultats mobiles. Ses consignes demandent une icône carrée multiple de 48 px ; les fichiers de 192 et 512 px conviennent. Google peut mettre des jours ou des semaines à afficher une icône modifiée.
Conseils pour un favicon net
Gardez des formes simples, évitez les traits fins et vérifiez l’aperçu à 16 px : c’est ce que la plupart des gens voient dans leurs onglets. Un fond transparent est joli sur un onglet clair mais peut disparaître en mode sombre ; un carré arrondi plein est souvent plus sûr. Pour des couleurs de marque harmonieuses, essayez le Générateur de palette de couleurs.
Tout est généré dans votre navigateur ; votre logo n’est jamais envoyé.
Ces outils gratuits peuvent aussi vous être utiles : Convertir WebP en JPG, Redimensionner une image et Compresser une image.
Questions fréquentes
Quelle taille pour un favicon ?
Au moins 32 px pour les onglets, 180 px pour Apple et 192 et 512 px pour Android. Le fichier ICO doit contenir 16, 32 et 48 px.
Ai-je encore besoin de favicon.ico ?
Oui : anciens navigateurs, raccourcis Windows et certains robots cherchent /favicon.ico à la racine.
Puis-je créer un favicon avec du texte ?
Oui. Choisissez Depuis du texte, tapez jusqu’à trois lettres et choisissez couleurs et forme.
Pourquoi mon nouveau favicon ne s’affiche pas ?
Les navigateurs gardent les favicons en cache longtemps. Videz le cache ou ouvrez le site en navigation privée.
Mon logo est-il envoyé ?
Non. Toutes les icônes sont générées dans votre navigateur.
Dernière mise à jour: