Tooooolbox
100% privé
15 août 2026 · 5 min de lecture
Un favicon est la petite icône qui apparaît dans l'onglet d'un navigateur, à côté du titre de la page, et dans les favoris. Il est minuscule, mais il compte : un site sans favicon semble inachevé, tandis qu'un favicon clair rend votre marque reconnaissable au milieu d'une rangée d'onglets ouverts. La bonne nouvelle : en créer un à partir d'un logo ou d'une image existante ne prend que quelques minutes.
Comme il s'affiche à environ 16×16 à 32×32 pixels, un favicon doit fonctionner en tout petit. Les formes simples et marquées se lisent bien ; les logos détaillés avec des lignes fines ou du petit texte deviennent un flou illisible. Si votre logo est complexe, n'utilisez que son élément le plus reconnaissable — une seule lettre, un symbole, un monogramme.
Une image source carrée fonctionne le mieux, puisque le favicon lui-même est carré. Veillez à ce que la partie importante soit centrée avec un peu d'espace autour pour que rien ne soit rogné.
Le format classique du favicon est le .ico, qui peut contenir plusieurs tailles dans un seul fichier (16×16, 32×32, 48×48) pour que le navigateur choisisse la bonne. Les navigateurs modernes acceptent aussi les favicons PNG, mais le .ico reste le plus universellement pris en charge et demeure le choix le plus sûr.
Partez d'une image d'au moins 256×256 pixels pour que l'icône reste nette une fois générée à chaque taille. Travailler à partir d'un logo carré en haute résolution donne le résultat le plus propre.
Prenez votre logo ou image carré, et convertissez-le en fichier .ico. Déposez l'image dans notre convertisseur, choisissez l'ICO en sortie, et téléchargez le favicon — tout s'exécute dans votre navigateur, votre logo n'est jamais envoyé. Si votre source n'est pas carrée, recadrez-la d'abord en carré pour que l'icône ne soit pas déformée.
Pour le meilleur rendu à toutes les tailles, générez le .ico à partir d'une version nette et contrastée de votre marque plutôt que d'une photo en couleurs chargée.
Placez le fichier (souvent nommé favicon.ico) à la racine de votre site. La plupart des navigateurs le trouveront automatiquement, mais il est recommandé de le référencer aussi dans l'en-tête HTML avec une balise link : <link rel="icon" href="/favicon.ico">. Si vous utilisez un créateur de site ou un CMS, il y a généralement un champ « favicon » ou « icône du site » dans les réglages — téléversez simplement le fichier créé.
Une fois en ligne, il faudra peut-être rafraîchir ou vider le cache pour voir la nouvelle icône dans l'onglet. Ensuite, votre site paraît un peu plus soigné partout où il apparaît.