Comment créer un fichier ICO
- 1
Cliquez sur Choisir un fichier ou glissez votre image (PNG, JPG, WebP ou SVG) dans le cadre. Idéalement, une image carrée d’au moins 256 × 256 px.
- 2
Cliquez sur Convertir : l’outil génère automatiquement plusieurs tailles, de 16 à 256 px, dans un seul fichier .ico.
- 3
Cliquez sur Télécharger, renommez le fichier en
favicon.icosi besoin et placez-le à la racine de votre site.
Qu’est-ce qu’un fichier ICO ?
Le format ICO est le format d’icône historique de Windows, repris par les navigateurs pour le favicon : la petite image affichée dans l’onglet, les favoris et l’historique. Sa particularité : un seul fichier .ico peut contenir plusieurs versions de la même image à différentes tailles. Le système choisit la plus adaptée selon l’endroit où elle s’affiche.
| Taille | Où elle est utilisée |
|---|---|
| 16 × 16 px | Onglet du navigateur, favoris |
| 32 × 32 px | Barre des tâches, onglets sur écran haute densité |
| 48 × 48 px | Raccourcis et explorateur Windows |
| 256 × 256 px | Icônes en grand affichage |
Préparer une bonne image source
- Carrée : le favicon est carré ; un logo rectangulaire sera réduit pour tenir dans le carré.
- Assez grande : partez d’au moins 256 × 256 px pour que la plus grande taille reste nette. Un SVG est idéal, car il reste net à toutes les tailles.
- Simple : à 16 px, un texte ou un logo détaillé devient illisible. Utilisez une initiale, un pictogramme ou une version simplifiée.
- Avec transparence : un PNG à fond transparent s’intègre mieux aux thèmes clairs et sombres des navigateurs.
Votre image source est énorme (photo de plusieurs milliers de pixels) ? Réduisez-la d’abord à 512 px de côté avec Redimensionner une image ; le recadrage en carré, lui, se fait dans n’importe quel éditeur d’images.
Installer le favicon sur votre site
- Renommez le fichier en
favicon.ico. - Déposez-le à la racine de votre site, à côté de la page d’accueil.
- Ajoutez, si votre CMS ne le fait pas déjà, la ligne
<link rel="icon" href="/favicon.ico">dans l’en-tête de vos pages. - Videz le cache ou testez en navigation privée : les navigateurs gardent longtemps l’ancien favicon en mémoire.
Sur WordPress, Shopify ou Wix, l’« icône du site » se règle généralement depuis les paramètres du thème ; certains attendent un PNG plutôt qu’un ICO.
Icônes Windows
Le format ICO ne sert pas qu’aux sites web : c’est aussi le format des icônes de Windows. Vous pouvez utiliser le fichier obtenu pour personnaliser l’icône d’un raccourci ou d’un dossier (clic droit > Propriétés > Personnaliser > Changer d’icône), ou pour une petite application que vous développez. Les grandes tailles intégrées au fichier assurent un rendu net sur le bureau.
La conversion se fait localement : votre logo, même pas encore dévoilé, n’est envoyé nulle part.
Questions & réponses
Quelles tailles contient le fichier ICO ?
Comment ajouter le favicon à mon site ?
favicon.ico à la racine du site (par exemple https://votresite.fr/favicon.ico) : les navigateurs le cherchent à cet endroit. Vous pouvez aussi le déclarer dans le <head> avec <link rel="icon" href="/favicon.ico">.