Générateur de favicon — d’une image à un pack de favicons complet
Transformez n’importe quel logo en pack de favicons complet (favicon.ico, toutes les tailles PNG, icône Apple Touch et webmanifest) en un clic.
Déposez votre logo ici ou cliquez pour choisir
PNG, JPG ou WebP — carré, 512×512 ou plus pour un meilleur résultat. Tout est généré dans votre navigateur ; votre logo ne quitte jamais votre appareil.
Un problème, ou quelque chose à améliorer ? Nous lisons chaque message et corrigeons vite.
Ajoutez votre logo une seule fois et téléchargez un pack de favicons complet de 27 fichiers dans un seul ZIP : un vrai favicon.ico (16/32/48 intégrés), des PNG de favicon, les neuf tailles d’icône Apple Touch (57–180 px), six icônes Android (36–192 px) avec manifest.json, des icônes de tuiles Microsoft (70–310 px) avec browserconfig.xml, ainsi que les balises HTML exactes à coller dans le head de votre site.
Comme tous les outils de ce site, le traitement complet s’exécute dans votre navigateur : votre logo est redimensionné, assemblé au format ICO et compressé en ZIP localement. Rien n’est envoyé : pas de file d’attente, pas de filigrane, aucune question de confidentialité.
Mode d’emploi
- Déposez votre logo : un PNG carré de 512×512 ou plus donne les résultats les plus nets (les images non carrées sont recadrées au centre).
- Vérifiez l’aperçu au pixel près : c’est exactement l’aspect qu’aura votre icône dans un onglet de navigateur en 16 et 32 px. Si c’est brouillon, simplifiez le logo et réessayez.
- Téléchargez le pack complet en ZIP, ou récupérez des fichiers individuels.
- Décompressez-le dans le dossier racine de votre site et collez les balises HTML fournies dans votre <head>.
Questions fréquentes
De quelles tailles de favicon un site web a-t-il besoin en 2026 ?
Le strict minimum est un favicon.ico, des PNG de 16/32 px et une icône Apple Touch de 180×180. Pour une compatibilité complète avec tous les navigateurs, toutes les générations d’iOS, les lanceurs Android et les tuiles Windows, le jeu complet classique va de 16 px à 310 px sur 27 fichiers : c’est exactement ce que rassemble ce générateur, avec le manifest.json et le browserconfig.xml qui les référencent.
Le favicon.ico est-il un vrai fichier ICO ?
Oui : c’est un véritable conteneur ICO avec trois entrées encodées en PNG (16, 32 et 48 pixels), le format pris en charge par tous les navigateurs modernes et toutes les versions de Windows. Ce n’est pas un PNG renommé.
Mon logo est-il envoyé sur un serveur ?
Non. Le redimensionnement, l’assemblage ICO et la création du ZIP se font tous dans votre navigateur avec l’API canvas. Votre logo ne quitte jamais votre appareil, ce qui compte quand il s’agit d’une marque pas encore lancée ou d’un travail client.
Pourquoi mon favicon est-il flou en 16 px ?
Seize pixels, c’est minuscule : les logos détaillés deviennent de la bouillie à cette taille. Si l’aperçu est brouillon, utilisez une version simplifiée : votre symbole seul, une seule lettre ou une forme marquée. Les grandes marques proposent des versions simplifiées de leur logo pour leur favicon exactement pour cette raison.
Où placer les fichiers de favicon sur mon site ?
Placez-les à la racine de votre site (pour qu’ils soient accessibles à /favicon.ico, /apple-touch-icon.png, etc.), puis ajoutez les balises link fournies dans votre <head>. Sur la plupart des plateformes, cela correspond au dossier public ou static ; sur WordPress, passez par Apparence → Personnaliser → Identité du site ou placez les fichiers via votre thème.
Ce que contient le pack
• favicon.ico + PNG favicon-16/32/96 : onglets et favoris des navigateurs ; les navigateurs demandent automatiquement /favicon.ico, même sans balise HTML.
• apple-icon-57x57 à 180x180 (9 tailles) : l’icône d’écran d’accueil de chaque génération d’iPhone et d’iPad, plus apple-icon-precomposed.png pour les anciennes versions d’iOS.
• android-icon-36x36 à 192x192 (6 densités) : icônes du lanceur Android, référencées avec des indications de densité dans manifest.json.
• ms-icon-70/144/150/310 + browserconfig.xml : tuiles du menu Démarrer de Windows et le fichier de configuration qui les associe.
• manifest.json : indique aux installations Android/PWA le nom de votre site, ses couleurs et ses icônes. Ouvrez-le et remplissez les champs de nom après le téléchargement.
Extrayez tout dans le répertoire racine de votre site pour que les chemins de l’extrait HTML soient valides, collez l’extrait dans votre <head>, et c’est terminé.
Conseils de design pour un favicon vraiment reconnaissable
Testez en 16 px avant de vous décider : l’aperçu ci-dessus montre la réalité. Préférez une seule forme ou lettre marquée à un logo complet avec texte ; les logotypes deviennent illisibles en dessous de 48 px. Gardez un fort contraste avec les thèmes clairs comme sombres des navigateurs (un léger cercle ou carré arrondi en fond aide les icônes au trait fin). Et gardez le même favicon pendant des années : c’est ainsi que les visiteurs réguliers retrouvent votre onglet parmi vingt autres.
Outils gratuits similaires
- Convertisseur d’images — Convertissez entre AVIF, HEIC, TIFF, PNG, JPG, WebP, GIF, BMP et SVG. La plupart des conversions ne quittent jamais votre navigateur.
- Recadrer une image — Recadrez vos images à n’importe quelle taille ou proportion dans votre navigateur : carré, 16:9, 4:3 ou forme libre.