Générateur de Favicon à partir de texte
Recommandé d'utiliser 1-2 caractères pour un meilleur résultat
Texte vers icône
Saisissez n'importe quel texte pour générer automatiquement un favicon professionnel avec plusieurs polices et styles
Style personnalisé
Options de personnalisation riches, incluant police, couleur, forme d'arrière-plan et image de fond
Aperçu en temps réel
Aperçu en temps réel WYSIWYG, ajustez les paramètres et voyez immédiatement les résultats
Qu'est-ce qu'un Favicon ?
Un Favicon (abréviation de favorite icon) est une petite icône affichée dans les onglets du navigateur, les favoris et d'autres éléments d'interface. Il aide les utilisateurs à identifier rapidement votre site parmi plusieurs onglets ouverts et favoris.
Comment utiliser le Favicon
Pour ajouter un Favicon à votre site web, vous devez :
- Utiliser notre outil pour générer et télécharger le package Favicon.
- Extraire le fichier ZIP téléchargé et placer tous les fichiers dans le répertoire racine de votre site.
- Ajouter 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">HTMLDescription des différents formats
Format ICO (.ico)
Format traditionnel de favicon, compatible avec tous les navigateurs incluant les anciennes versions d'Internet Explorer. Contient généralement plusieurs tailles (16x16, 32x32, 48x48).
Format PNG (.png)
Format préféré des navigateurs modernes, supporte les arrière-plans transparents, fichiers plus petits. 16x16 pour les onglets, 32x32 pour la barre des tâches, 48x48 pour les raccourcis bureau.
Icônes Android Chrome
192x192 et 512x512 pour les PWA (applications web progressives) sur appareils Android, affichées quand l'utilisateur ajoute le site à l'écran d'accueil.
Icône Apple Touch
180x180 conçue spécifiquement pour les appareils iOS (iPhone, iPad), utilisée quand l'utilisateur ajoute le site à l'écran d'accueil. Apple ajoute automatiquement des coins arrondis et des effets de brillance.