Générateur de Favicon Texte
Il est recommandé d'utiliser 1 à 2 caractères pour un meilleur résultat
Texte en icône
Saisissez n'importe quel texte et générez automatiquement une icône favicon professionnelle
Style personnalisable
Options riches de personnalisation : police, couleur, forme de fond, image de fond
Aperçu en temps réel
Aperçu WYSIWYG, ajustez les paramètres et voyez le résultat immédiatement
Qu'est-ce qu'un Favicon ?
Un Favicon est une petite icône pour les onglets, favoris et éléments de l'interface.
Comment utiliser le Favicon
Pour ajouter un Favicon à votre site web, vous devez :
- Utilisez notre outil pour générer et télécharger le package Favicon.
- Extrayez le ZIP et placez tous les fichiers dans le répertoire racine du site.
- Ajoutez le code HTML suivant dans la section <head> de votre site :
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48">
<link rel="manifest" href="/site.webmanifest">
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/android-chrome-512x512.png" sizes="512x512">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">HTMLExplications des formats
Format ICO (.ico)
Format classique, compatible tous navigateurs
Format PNG (.png)
Préféré par les navigateurs modernes, supportant fond transparent
Icônes Android Chrome
192x192 et 512x512 pour PWA Android
Icônes Apple Touch
180x180 pour iOS (iPhone, iPad)
Concevoir des favicons textuels lisibles à 16 px
Tout se joue à la taille de l'onglet. Dans un générateur de favicon à partir de texte, ces paramètres comptent plus que dans n'importe quel outil d'image — ce qui paraît net dans l'aperçu 512 px peut devenir une tache illisible dans un vrai onglet de navigateur.
Famille de police
Les sans-serif épaisses (Arial Black, Helvetica Bold, Futura) résistent le mieux au rendu 16×16. Les traits fins des polices à serif, script ou condensées disparaissent souvent entièrement à la taille d'onglet, même s'ils semblent nets dans l'aperçu.
Nombre de caractères
Une lettre est idéal. Un monogramme de deux lettres fonctionne si vous réduisez la taille d'un cran ; trois caractères ou plus seront illisibles dans un onglet de 16 pixels — réservez les textes longs à l'icône tactile Apple 180×180.
Contraste texte/fond
Visez un rapport supérieur à 7:1. Les onglets s'affichent en thèmes clair et sombre : un texte gris moyen sur fond transparent disparaît sur l'un, tandis qu'une forme pleine avec texte blanc reste lisible sur les deux.
Forme de l'arrière-plan
Un rayon d'angle de 15-20 % évoque une icône d'application moderne à toute taille. Les arrière-plans totalement transparents paraissent propres dans l'aperçu mais flottent de façon illisible sur les barres d'onglets sombres — vérifiez les deux thèmes avant publication.
Marge intérieure
Maintenez le glyphe dans 60-70 % du canevas. Les navigateurs dessinent les favicons plus petits que la taille nominale (une icône 16 px dans un emplacement plus grand sur écrans haute densité) et les glyphes touchant les bords sont visuellement rognés.