Mise en ligne d'un nouveau site
Le designer fournit un logo, le développeur obtient d'un coup toutes les tailles et le code <head>.
Guide
Le générateur de favicon transforme un seul logo en toute la panoplie d'icônes d'un site : favicon-16x16.png, favicon-32x32.png, favicon-48x48.png (onglets du navigateur et raccourcis du bureau), apple-touch-icon.png 180×180 (écran d'accueil iOS), android-chrome-192x192.png et android-chrome-512x512.png (Android et PWA), puis regroupe les trois PNG 16 / 32 / 48 dans un favicon.ico multi-taille, avec un modèle site.webmanifest et le code à coller directement dans le . Le redimensionnement utilise le rééchantillonnage haute qualité de pica. Le traitement se fait localement dans le navigateur.
Mis à jour le 2026-09-093 min read
Le générateur de favicon transforme un seul logo en toute la panoplie d'icônes d'un site : favicon-16x16.png, favicon-32x32.png, favicon-48x48.png (onglets du navigateur et raccourcis du bureau), apple-touch-icon.png 180×180 (écran d'accueil iOS), android-chrome-192x192.png et android-chrome-512x512.png (Android et PWA), puis regroupe les trois PNG 16 / 32 / 48 dans un favicon.ico multi-taille, avec un modèle site.webmanifest et le code <link> à coller directement dans le <head>. Le redimensionnement utilise le rééchantillonnage haute qualité de pica. Le traitement se fait localement dans le navigateur.
Il ne s'occupe que des tailles et de l'empaquetage, pas du design : un bon favicon, c'est d'abord un logo encore lisible en 16px.
favicon.zip, soit 7 fichiers image plus site.webmanifest.<link rel=icon>, apple-touch-icon, manifest) dans le <head>, placez les fichiers décompressés à la racine du site, et adaptez au besoin le nom et la couleur de thème du manifest.| Entrée | Sortie | Remarque |
|---|---|---|
Logo PNG transparent 1024×1024 |
6 PNG + favicon.ico (16 / 32 / 48) + site.webmanifest |
Canal alpha conservé |
Logo horizontal 1600×900 |
Recadré au centre en 900×900, puis redimensionné |
350px coupés de chaque côté |
Petite image 200×200 |
Génération réussie, mais message « le petit côté de la source ne fait que 200px, l'icône 512px sera agrandie » |
Les grandes icônes seront floues |
Le designer fournit un logo, le développeur obtient d'un coup toutes les tailles et le code <head>.
Le projet a déjà un favicon mais il manque les icônes 192 / 512 du manifest : générez la panoplie et ne prenez que ces deux-là.
Après un changement de logo, régénérez la panoplie et écrasez les fichiers du même nom à la racine.
Décompressez favicon.zip dans le dossier static/.
À 16px, les détails disparaissent forcément ; un favicon doit rester simple : une forme ou une initiale, sans traits fins ni petit texte.
L'ICO contient des données PNG ; l'explorateur de Windows XP et des versions antérieures ne les prend pas en charge ; les navigateurs modernes les reconnaissent tous.
site.webmanifest est un modèle : après téléchargement, ouvrez-le dans un éditeur de texte et modifiez name, short_name et theme_color.
Recadrage, redimensionnement et empaquetage ICO se font localement dans le navigateur : le logo n'est envoyé à aucun serveur.
Mis à jour le 2026-09-09
Générez toutes les icônes du site à partir d’un logo : PNG multi-tailles, ICO et manifest
Cet outil n’est pas entièrement traduit ; certains contenus utilisent la langue source ou une langue de repli.