Convertisseur ICO, gratuit

À propos du format ICO

Le format ICO (Icon) est le format standard des favicons de site web affichés dans les onglets, favoris et barres d'adresse du navigateur. Ce convertisseur prend en charge plusieurs tailles dans un seul fichier .ico, qui est la norme moderne.

Questions fréquentes

Qu'est-ce qu'un fichier ICO ?

Un fichier ICO est un format d'image binaire utilisé pour les icônes dans les applications Windows et les favicons de sites web. Il peut contenir plusieurs images à différentes résolutions, permettant aux navigateurs d'afficher la taille appropriée selon le contexte.

Quelles tailles inclure ?

16×16 et 32×32 sont les plus courantes pour les favicons de navigateur. Incluez 64×64 et 128×128 pour les raccourcis Windows et les écrans haute densité. 48×48 est utile pour la compatibilité héritée. 256×256 est parfois utilisé pour les représentations d'icône de grande taille.

Comment utiliser le favicon sur mon site web ?

Placez le fichier favicon.ico dans le répertoire racine de votre site, ou référencez-le dans votre HTML avec : <link rel="icon" href="/favicon.ico">. La plupart des navigateurs le trouvent automatiquement à la racine.

Brève histoire du format ICO

Microsoft a introduit le format ICO avec Windows 1.0 en novembre 1985, à l'origine comme format de ressource pour des icônes d'application monochromes de 32×32 pixels stockées à l'intérieur des fichiers .EXE et .DLL. L'extension autonome .ico a été formalisée pour que les icônes puissent être éditées et partagées indépendamment des exécutables. Windows 3.x a ajouté la prise en charge de 16 et 256 couleurs ; Windows 95 a fait de l'ICO un véritable conteneur multirésolution (un seul fichier contenant des rendus de 16 / 32 / 48 px, l'OS choisissant automatiquement le meilleur pour chaque contexte) ; Windows XP a ajouté l'alpha 32 bits pour des bords lissés et des ombres translucides ; Windows Vista (2007) a introduit des icônes de 256×256 pixels et a permis à chaque entrée de stocker soit un BMP classique, soit un fichier PNG complet. L'entrée encodée en PNG est désormais la norme pour les tailles supérieures à 48×48, car un BMP 32 bits de 256×256 ferait environ 256 Ko par icône, ce qui est du gaspillage. De nombreux anciens éditeurs d'icônes utilisent encore par défaut des ICO uniquement en BMP et produisent des fichiers 8 à 10× plus volumineux que nécessaire.

Le format est passé d'« interne à Windows » à « standard web mondial » en mars 1999, lorsque Microsoft Internet Explorer 5 a introduit la convention /favicon.ico. Lorsqu'un utilisateur ajoutait une page aux « Favoris », IE demandait /favicon.ico depuis la racine du site web et affichait l'image 16×16 à côté du favori. Le nom « favicon » est un mot-valise de « favorites icon », directement issu du menu Favoris d'IE. La convention n'a jamais été un standard officiel du W3C au lancement ; Microsoft a simplement documenté le chemin, les navigateurs et les webmasters l'ont adopté, et le reste de l'industrie a suivi. Vingt-sept ans plus tard, tous les grands navigateurs demandent encore /favicon.ico à la première visite, même lorsqu'aucune balise <link rel="icon"> n'existe, ce qui explique pourquoi les journaux de serveur de n'importe quel site web dans le monde montrent des requêtes de favicon provenant des navigateurs, des robots d'exploration, des lecteurs RSS et des robots d'aperçu de liens, et des 404 lorsque le fichier est absent.

Pourquoi ICO plutôt que PNG en 2026

Étant donné la flexibilité du PNG, pourquoi l'ICO compte-t-il encore ? Trois raisons :

• Raccourcis du bureau Windows et épinglage à la barre des tâches. Lorsqu'un utilisateur crée un raccourci sur le bureau ou épingle un site à la barre des tâches, l'Explorateur Windows a besoin d'un ICO pour afficher le raccourci à toutes les tailles d'interface actuelles de l'OS (16, 24, 32, 48, 64, 96, 256). Pointer un .lnk vers un PNG ne produit qu'une seule taille, avec des artefacts de mise à l'échelle bilinéaire.
• Compatibilité multinavigateur des favicons. Les navigateurs modernes utilisent volontiers le PNG et le SVG via <link>, mais la requête implicite /favicon.ico se déclenche encore lors des visites à froid, et les environnements d'entreprise ou verrouillés qui font tourner d'anciennes versions d'Edge ou IE 11 (encore présentes en 2026 dans les contextes industriels, de santé et gouvernementaux) n'afficheront que l'ICO. Un petit .ico multitaille à la racine de votre site est la valeur par défaut universelle la plus sûre.
• Plusieurs tailles dans un seul fichier. L'ICO peut contenir 16, 32, 48, 64, 128 et 256 dans un seul téléchargement, ce que génère cet outil. Les navigateurs et les interfaces de l'OS choisissent automatiquement la meilleure variante pour chaque contexte.

La curiosité de type MIME à noter : les fichiers ICO sont techniquement servis avec le type image/vnd.microsoft.icon (le type enregistré auprès de l'IANA), mais le plus ancien image/x-icon est ce qu'émettent la plupart des serveurs et des modèles de CMS, et il est universellement accepté par les navigateurs modernes. Les deux fonctionnent.

La recommandation favicon de 2026

Un site moderne ne devrait pas reposer sur le seul favicon.ico, mais il ne devrait pas non plus s'en passer. L'ensemble « minimum moderne », préconisé par realfavicongenerator.net et MDN Web Docs, est désormais :

• favicon.ico (la sortie de cet outil), récupéré automatiquement par tous les navigateurs ; requis pour les utilisateurs hérités et IE/ancien Edge.
• favicon.svg : un seul fichier, s'adapte à n'importe quelle densité ; prend en charge le mode clair/sombre via prefers-color-scheme. Pris en charge dans Chromium 80+ (début 2020) et Firefox 41+ (2015), mais Safari n'a ajouté la prise en charge qu'à partir de la version 17 (septembre 2023). 2026 est la première année où l'on peut réalistement se reposer sur le SVG seul dans la plupart des navigateurs.
• favicon-32x32.png et favicon-16x16.png : des solutions de repli matricielles au pixel près pour les navigateurs qui préfèrent le PNG au SVG lorsque les deux sont listés.
• apple-touch-icon.png (180×180), pour les raccourcis de l'écran d'accueil iOS. Apple n'utilise ni ICO ni SVG ; le PNG est requis.
• android-chrome-192x192.png et android-chrome-512x512.png : référencés depuis un manifeste web pour les lanceurs Android et les installations de PWA.
• manifest.webmanifest : déclare les icônes PNG, la couleur de thème, le nom de l'application et le mode d'affichage pour les PWA.

Le bloc head du HTML expose tout cela :

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.webmanifest">
<meta name="theme-color" content="#ffffff">

L'attribut sizes="any" sur le lien .ico indique aux navigateurs modernes « ce fichier contient des tailles arbitraires, utilisez-le uniquement comme solution de repli », de sorte qu'ils préfèrent le SVG lorsqu'il est disponible. La tendance 2024-2026 dans les guides de bonnes pratiques est d'élaguer agressivement : livrez ces quatre fichiers plus un manifeste. Les anciens « paquets de favicons à 16 fichiers » avec les tuiles mstile et yandex ne sont plus recommandés, sauf si vous ciblez spécifiquement ces plateformes.

À l'intérieur d'un fichier ICO

Pour les curieux : la disposition binaire est simple. Un court en-tête ICONDIR (6 octets : réservé, type=1 pour les icônes, nombre d'images), suivi de N enregistrements ICONDIRENTRY (16 octets chacun, listant largeur / hauteur / nombre de couleurs / taille / décalage de fichier), suivis de N bitmaps d'image. Chaque entrée d'image peut être soit un BMP/DIB à l'ancienne, soit (depuis Vista) un fichier PNG complet avec son propre en-tête. L'enregistrement ICONDIRENTRY stocke toujours la largeur et la hauteur sous forme d'octets, où 0 signifie 256 (le maximum). C'est pourquoi l'ICO prend en charge jusqu'à 256×256 mais pas plus grand ; le format devrait être révisé pour stocker des images plus grandes.

Outils pour tester ce que vous générez

• Le vérificateur de realfavicongenerator.net : visite votre site et signale les problèmes de rendu par plateforme. Strict mais précis.
• Le testeur de favicon.io : vérification visuelle rapide sur des onglets de navigateur simulés.
• Les DevTools du navigateur. Forcez l'actualisation avec Ctrl+F5 (ou Cmd+Shift+R) pour contourner le cache des favicons, réputé agressif : Safari en particulier met en cache les favicons d'un redémarrage à l'autre et ignore parfois les mises à jour pendant des heures.
• URL directe. Visitez yoursite.com/favicon.ico dans un nouvel onglet pour confirmer que le fichier est réellement servi. Un problème courant : le fichier existe, mais le serveur renvoie une erreur 404 parce qu'il se trouve en dehors du chemin de fichiers statiques configuré.

Quand y recourir

• Créer le jeu de favicons d'un nouveau site. Générez l'ICO multitaille ici, plus un SVG et un PNG apple-touch à l'aide d'autres outils.
• Mettre à jour un favicon existant. Réexportez l'ICO multitaille après une refonte de logo.
• Épingler un raccourci du bureau Windows vers une URL à icône personnalisée.
• Générer une icône d'application Electron / Tauri : les applications de bureau Windows veulent un ICO pour la section de ressources de l'exécutable.
• Remplacer un favicon tofu / 404 sur un site déjà en ligne qui n'en a jamais eu.

Autres questions

Mon favicon a été mis à jour, mais mon navigateur affiche encore l'ancien, pourquoi ?

La mise en cache des favicons est réputée agressive. Les navigateurs mettent en cache les favicons d'un redémarrage à l'autre et ne respectent pas toujours les en-têtes HTTP cache-control. Forcer l'actualisation (Cmd+Shift+R sur Mac, Ctrl+F5 sur Windows) fonctionne généralement dans Chromium et Firefox ; Safari nécessite parfois de quitter et de redémarrer complètement, et sur iOS, l'icône de l'écran d'accueil peut nécessiter de réajouter entièrement la page. Ajouter une chaîne de requête (/favicon.ico?v=2) force une actualisation dans la plupart des navigateurs, mais ne fonctionne pas toujours pour la requête implicite /favicon.ico : pour cela, déclarez la nouvelle URL dans une balise <link rel="icon">.

Quelles tailles inclure ?

Pour les favicons de navigateur : 16 et 32 sont essentiels. 48 aide pour les onglets Windows à haute densité. Pour les raccourcis du bureau Windows et l'épinglage à la barre des tâches : incluez 64 et 128 (et 256 pour la plus grande vue « Très grandes icônes » de l'Explorateur). La sélection par défaut de cet outil (16/32/48/64) couvre 99 % des cas. Ajouter 128 ou 256 augmente sensiblement la taille du fichier (un 256×256 encodé en PNG fait à lui seul environ 30 à 40 Ko), alors ne les incluez que si vous avez réellement besoin du rendu de l'interface Windows.

Dois-je utiliser un arrière-plan transparent ?

Presque toujours, oui : les navigateurs modernes affichent les favicons sur la couleur du chrome de l'onglet, qui diffère entre le mode clair, le mode sombre et l'épinglage d'onglet. Les PNG transparents (ou une entrée transparente vers le convertisseur) produisent des bords nets sur tous les arrière-plans. L'exception, ce sont les logos illisibles sans fond coloré : pour ceux-là, intégrer la couleur d'arrière-plan convient. Le PNG et l'ICO prennent tous deux en charge l'alpha complet ; le JPEG, non, donc les entrées JPG perdent la transparence.

Le favicon.ico est-il vraiment encore nécessaire en 2026 ?

Oui, mais uniquement comme solution de repli. Tous les navigateurs le demandent encore implicitement à la première visite, même avec des balises <link> modernes en place ; les raccourcis du bureau Windows et l'épinglage à la barre des tâches en ont besoin ; les environnements d'entreprise qui font encore tourner IE11 ou un ancien Edge (oui, ils existent dans la santé, l'industrie et l'administration) en ont besoin. Un .ico multitaille de 4 à 8 Ko à la racine de votre site est la valeur par défaut universelle la plus sûre, associé à du SVG et du PNG via des balises <link> pour tous les autres.

Des données sont-elles envoyées à un serveur ?

Non. L'image est décodée dans votre navigateur, mise à l'échelle à chaque taille demandée via l'API Canvas 2D, et assemblée en un binaire ICO par JavaScript. Le résultat est téléchargé directement sur votre appareil. Rien concernant votre image (y compris toute conception de logo sur laquelle vous travaillez peut-être encore) ne quitte la page.

Outils associés