Comment créer un favicon (logo, image ou emoji)
À partir d'un logo, d'une photo, d'une URL d'image ou d'un emoji, et comment le garder lisible en 16x16.
La forme du travail
- 1
Choisissez une source
Partez d'un fichier de logo ou d'image, d'un emoji ou d'une icône nommée, ou d'une URL d'image.
- 2
Concevez pour les petites tailles
Gardez la marque simple et très contrastée pour qu'elle reste lisible en 16x16 pixels.
- 3
Exportez toutes les tailles et tous les formats
Générez le .ico, les tailles PNG, l'apple-touch-icon et les icônes du manifest en une seule passe.
Méthode A : à partir d'un logo ou d'une image
Importez un logo, une icône ou même une capture d'écran. Le générateur recadre, redimensionne et exporte toutes les tailles, ainsi que le .ico et le manifest. Une source PNG ou SVG avec un fond transparent donne le résultat le plus net.
Méthode B : à partir d'un emoji ou d'une icône nommée
Pas encore de logo ? Choisissez un emoji ou une icône nommée et le générateur la rend sur un fond carré ou circulaire de votre choix. C'est le moyen le plus rapide de livrer un favicon reconnaissable pour un projet perso, un prototype ou un outil interne.
Méthode C : à partir d'une URL d'image
Collez une URL et récupérez le visuel directement depuis un site ou un asset existant. Pratique quand vous reconstruisez une marque déjà en ligne ailleurs.
Concevez pour les petites tailles
Partez d'un visuel 512x512 et réduisez, ne l'agrandissez jamais.
Supprimez les détails fins et les traits ténus ; ils disparaissent en 16px.
Testez sur des onglets clairs et sombres. Si vous avez besoin d'une marque différente pour chacun, les favicons adaptatifs au thème s'en chargent.
Passez en revue chaque dimension dans le guide des tailles de favicon avant d'exporter.
16x16, en taille réelle
Choisissez le bon format
| Format | À quoi il sert |
|---|---|
| ICO | Standard historique, encore demandé sur /favicon.ico. Regroupe plusieurs tailles dans un seul fichier. |
| PNG | Le cheval de bataille des navigateurs modernes, de l'apple-touch-icon et d'Android. Un fichier par taille. |
| SVG | S'adapte avec netteté et gère le changement de thème, avec des fallbacks PNG pour les navigateurs plus anciens. |
Créer des icônes de campagne ou saisonnières
Vous voulez une variante pour les fêtes ou une marque de lancement de produit ? Utilisez le canevas créatif pour maquetter et peaufiner des favicons avec du texte, des emojis et des icônes avant la remise.
Questions fréquentes
Quelle taille doit faire un favicon ?
Concevez en haute résolution (512x512) et exportez vers 16x16, 32x32, 48x48, 180x180 et 192x192 pour que chaque navigateur et appareil reçoive une icône nette.
Puis-je créer un favicon à partir d'un emoji ?
Oui. Choisissez un emoji ou une icône nommée et le générateur la rend sur un fond transparent ou coloré et exporte automatiquement toutes les tailles de favicon.
Dans quel format doit être un favicon ?
Livrez un .ico multirésolution pour la compatibilité historique, des PNG pour les navigateurs et appareils modernes et, en option, un SVG pour une mise à l'échelle nette. Un bon générateur produit tout cela.