Qu'est-ce qu'un favicon et pourquoi il compte pour votre marque
Le favicon est la petite icône de l'onglet du navigateur — votre logo en miniature. Découvrez où il apparaît, pourquoi il compte pour votre marque, comment le créer à partir de votre logo et quelles tailles et formats il vous faut.
Un favicon est la petite icône qui apparaît dans l'onglet du navigateur, à côté du titre de la page. C'est en somme votre logo en miniature : vous le voyez sur l'onglet Chrome ou Safari, dans la liste des favoris, dans l'historique de navigation et, de plus en plus, juste à côté de vos résultats dans la recherche Google sur mobile. Cela paraît anodin, mais c'est la première trace visuelle que votre marque laisse en dehors de votre propre site.
Pourquoi un favicon compte pour votre marque
Imaginez un internaute avec 12 onglets ouverts. Sans favicon, votre onglet est une page blanche générique, impossible à repérer. Avec un favicon, il est reconnu d'un coup d'œil. La même logique vaut pour les favoris : quelqu'un qui vous a enregistré vous retrouve par l'icône, pas par le texte.
Il y a une autre raison concrète : dans les résultats Google sur mobile, le favicon apparaît à côté du nom du site. Un site sans favicon y paraît négligé, tandis qu'un site avec une icône nette semble plus sérieux et plus fiable. Cela ne vous garantit aucune position (personne ne peut le promettre), mais cela renforce l'impression de professionnalisme au moment précis où la personne décide sur quel lien cliquer. Si vous vous souciez de votre image dans la recherche, notre guide sur le SEO local mérite aussi une lecture.
Où apparaît exactement le favicon
- L'onglet du navigateur — à côté du titre de la page, sur ordinateur et mobile.
- La barre de favoris et la liste des favoris — vous identifie sans mots.
- L'historique de navigation — aide à la reconnaissance rapide.
- Les résultats Google sur mobile — à côté du nom de domaine.
- L'écran du téléphone — si quelqu'un ajoute le site à son écran d'accueil (surtout sur iPhone), l'icône devient une « application ».
- Raccourcis et applications web — sur Android, quand le site est enregistré comme raccourci.
Comment créer un favicon à partir de votre logo
La règle d'or : un favicon n'est pas votre logo entier réduit. À 16 pixels, un logo avec du texte devient une tache illisible. Ce qui fonctionne, c'est un élément simple — l'initiale de la marque, un symbole, une forme reconnaissable — sur un fond bien contrasté.
Les étapes pratiques :
1. Partez du logo, mais isolez la partie la plus simple (une lettre, un pictogramme).
2. Rendez-le carré et laissez un peu d'espace autour pour qu'il ne paraisse pas à l'étroit.
3. Testez-le en petit — réduisez l'image à 16×16 px à l'écran. Si vous le reconnaissez encore, c'est bon.
4. Générez les fichiers avec un outil gratuit de type « favicon generator » : téléversez une image carrée d'au moins 512×512 px et récupérez tout le jeu.
5. Mettez-le sur le site : sur WordPress, on l'ajoute via Personnaliser → Identité du site ; sur un site que nous construisons, nous l'intégrons directement dans le code.
Si vous n'avez pas de logo propre, c'est exactement le genre de chose que nous réglons quand nous construisons le site.
Quelles tailles et quels formats vous faut-il
Vous n'avez pas à tous les créer à la main — un générateur les produit à partir de la seule image que vous téléversez. Mais il est utile de savoir ce que chacun couvre :
| Fichier | Taille | Où il est utilisé |
|---|---|---|
| favicon.ico | 16×16, 32×32, 48×48 | Onglet du navigateur, favoris, historique |
| favicon.svg | vectoriel, redimensionnable | Navigateurs modernes, net à toute taille |
| apple-touch-icon.png | 180×180 | iPhone / iPad, ajout à l'écran d'accueil |
| android-chrome | 192×192 et 512×512 | Android, raccourcis, applications web |
Quelques règles pratiques, confirmées par la documentation de Google et le guide d'Evil Martians (2026) : partez d'une image d'au moins 512×512 px ; Google recommande un favicon supérieur à 48×48 px pour qu'il rende bien partout ; et pour l'iPhone, évitez un fond transparent, car iOS le remplit de blanc de toute façon. Le SVG est idéal pour la netteté, mais gardez un .ico en secours, car tous les anciens navigateurs ne comprennent pas le SVG.
Cela vaut-il l'effort ?
Oui, et c'est parmi les investissements de marque les moins chers. Un favicon ne coûte pas le prix d'un nouveau logo, et il se fait une seule fois. Si nous vous construisons un site (Landing 290–490 €, Présentation 490–890 €, Boutique à partir de 690 €), le favicon fait partie du forfait — nous le générons à partir de votre logo et l'installons correctement, avec toutes les tailles ci-dessus, sans que vous ayez à batailler avec les fichiers.
Si vous voulez voir à quoi ressemblerait votre onglet avec un favicon fait dans les règles, écrivez-nous sur WhatsApp et nous vous ferons une démo gratuite : wa.me/40750257140.
Questions fréquentes
Qu'est-ce qu'un favicon exactement ?+
C'est la petite icône qui apparaît dans l'onglet du navigateur à côté du titre de la page, mais aussi dans les favoris, dans l'historique et à côté du nom du site dans les résultats Google sur mobile. C'est en somme votre logo en miniature — la première trace visuelle de votre marque en dehors de votre site.
Puis-je utiliser tout mon logo comme favicon ?+
En général non. À 16 pixels, un logo avec du texte devient illisible. Ce qui marche le mieux, c'est un élément simple — une initiale, un symbole ou une forme reconnaissable — sur un fond bien contrasté. Le reste du logo reste sur le site, pas dans l'icône.
Quelles tailles de favicon me faut-il ?+
Partez d'une image carrée d'au moins 512×512 px. À partir d'elle, un générateur produit tout le jeu : favicon.ico (16, 32, 48 px), apple-touch-icon 180×180 px pour iPhone et android-chrome 192×192 et 512×512 px. Un .svg vectoriel est utile pour la netteté, avec un .ico en secours.
Quel format est le meilleur, ICO ou SVG ?+
L'idéal est d'utiliser les deux. Le SVG est vectoriel et reste net à toute taille dans les navigateurs modernes, mais les anciens navigateurs et certaines versions de Safari ne le comprennent pas, donc on garde un .ico en secours. Pour l'iPhone, on utilise un PNG séparé de 180×180 px, de préférence sans fond transparent.
Dois-je payer séparément pour un favicon ?+
Pas chez nous. Si nous construisons votre site (Landing 290–490 €, Présentation 490–890 €, Boutique à partir de 690 €), le favicon fait partie du forfait : nous le générons à partir de votre logo et l'installons correctement, avec toutes les tailles nécessaires. Vous pouvez aussi le faire vous-même avec un générateur gratuit si vous avez déjà une image carrée propre.
7 erreurs qui font fuir vos clients de votre site
Laissez votre e-mail et recevez le guide ici, tout de suite. Sans spam.
Envie de voir à quoi ressemblerait le site de votre entreprise ?
Écrivez-nous sur WhatsApp et nous préparons GRATUITEMENT un site de démonstration au nom de votre entreprise. Vous le voyez d'abord — vous décidez ensuite.