Créer un favicon.ico à partir de votre logo
Générez un favicon .ico à plusieurs tailles à partir d'une seule image.
Ce générateur de favicon transforme un JPG, PNG, WEBP, GIF ou BMP en fichier favicon.ico. Envoyez votre logo ou votre icône, cochez les tailles voulues de 16x16 à 256x256 et téléchargez favicon.ico. Toutes les tailles choisies sont regroupées dans un seul fichier ICO, afin que les navigateurs et les systèmes d'exploitation retiennent la bonne. Partez d'une image carrée à la forme simple, car un favicon s'affiche en très petit.
Comment créer un favicon
Envoyez une image de 20 MiB maximum, choisissez les tailles à inclure et validez le formulaire. Les tailles disponibles sont 16, 32, 48, 64, 128 et 256 pixels, toutes cochées par défaut. Vous téléchargez un seul fichier nommé favicon.ico qui contient chaque taille cochée.
Quelles tailles inclure
Les onglets des navigateurs utilisent le 16x16 et le 32x32. Les raccourcis Windows et certaines barres de favoris emploient le 48x48 et les tailles supérieures. Garder les six tailles est une option sûre et le fichier reste léger. Si vous ne cochez aucune case, l'outil inclut par défaut les six tailles. La transparence d'un PNG est conservée dans l'ICO.
Préparer l'image source
Utilisez une image carrée, idéalement d'au moins 256 par 256 pixels, avec un motif net et simple, sans texte fin : les détails disparaissent à 16 pixels. Une image non carrée peut être déformée, recadrez-la donc d'abord en carré. Préparez un PNG transparent si l'icône doit s'afficher proprement sur les thèmes clairs et sombres des navigateurs.
Utiliser le favicon sur votre site
Placez favicon.ico à la racine de votre site et ajoutez dans l'en-tête une balise link, par exemple une ligne rel=icon pointant vers /favicon.ico. Cet outil produit uniquement de l'ICO, pas d'icônes Apple touch ni de manifeste web. Pour préparer l'image au préalable, utilisez Redimensionner une image, ou Convertisseur d’images pour changer le format d'un PNG exporté depuis un SVG.
Questions fréquentes
Quelle image utiliser pour créer un favicon ?
Prenez un logo ou une icône carrée, idéalement de 256 par 256 pixels ou plus, avec une forme simple et un fort contraste. Les images détaillées et les petits textes deviennent illisibles quand ils s'affichent à 16 pixels dans un onglet.
Quelles tailles contient le favicon ?
Vous pouvez inclure des carrés de 16, 32, 48, 64, 128 et 256 pixels. Toutes les tailles sont cochées par défaut et regroupées dans un seul fichier favicon.ico, ce qui permet à chaque navigateur ou système de choisir celle dont il a besoin.
L'outil crée-t-il des PNG ou des icônes Apple touch ?
Non. Le résultat est un unique fichier favicon.ico. Pour un PNG à une seule taille, utilisez Redimensionner une image ; et pour une source SVG, Convertisseur SVG peut la transformer en PNG à la largeur de votre choix.
La transparence est-elle conservée dans le favicon ?
Oui. L'image est convertie en RGBA avant l'écriture de l'ICO, donc les zones transparentes d'un PNG restent transparentes dans l'icône. Les fichiers JPG n'ont pas de transparence : ils reçoivent donc un fond uni.
Où placer favicon.ico sur mon site web ?
Placez favicon.ico dans le dossier racine de votre site et référencez-le dans l'en-tête de la page avec un lien rel=icon vers /favicon.ico. Les navigateurs demandent aussi ce chemin par défaut, donc cela fonctionne souvent même sans la balise.
Outils associés
Supprimer le fond
Supprimez le fond d’une photo pour obtenir un PNG transparent ; le résultat dépend du sujet.
Utiliser l’outil →Changer le fond
Remplacez le fond d’une photo par une couleur ou une image ; le détourage est automatique.
Utiliser l’outil →Convertisseur d’images
Convertissez une image entre JPG, PNG, WEBP, GIF et BMP.
Utiliser l’outil →Compresser une image
Réduisez le poids d’une image en réglant la qualité et, si vous le souhaitez, ses dimensions.
Utiliser l’outil →Redimensionner une image
Redimensionnez une photo en indiquant une largeur, une hauteur ou un pourcentage.
Utiliser l’outil →Image en PDF
Regroupez une ou plusieurs images dans un seul PDF.
Utiliser l’outil →