Transformez n'importe quelle image en un jeu complet de favicons : le .ico, les tailles PNG, l'Apple touch icon et un web manifest, générés dans votre navigateur.
Vos fichiers sont traités dans votre navigateur et ne sont jamais envoyés.
Comment utiliser l'outil Générateur de favicon
Importez une image carrée. Un logo ou une icône simple convient mieux, et le traitement s'effectue dans votre navigateur.
Choisissez éventuellement un arrière-plan et saisissez le nom de votre site pour le web manifest.
Téléchargez le ZIP et collez l'extrait HTML dans le head de votre page.
Questions fréquentes
Un favicon.ico avec 16, 32 et 48 px, des PNG distincts de 16 et 32 px, un Apple touch icon de 180 px, des PNG de 192 et 512 px pour Android, un site.webmanifest, et un extrait HTML a coller dans l'en-tete de votre page.
Une image carree d'au moins 512 px fonctionne le mieux, idealement un logo ou une marque simple. Une image non carree est centree et completee jusqu'a former un carre, le detail pres des bords peut donc se retrouver dans les marges.
Non. Les icones sont generees dans votre navigateur avec la Canvas API, votre image ne quitte donc jamais votre appareil.
Differents endroits affichent l'icone a differentes tailles : minuscule dans un onglet de navigateur, plus grande sur l'ecran d'accueil d'un telephone. Fournir plusieurs tailles permet a chaque contexte d'utiliser une icone nette et correctement mise a l'echelle.
Le site.webmanifest indique aux telephones les icones et le nom a utiliser lorsque quelqu'un ajoute votre site a son ecran d'accueil, afin qu'il se comporte comme une application installee.
Un favicon est la petite icone affichee dans les onglets du navigateur, les favoris et sur les ecrans d'accueil des telephones. C'est un petit detail qui donne a un site un aspect abouti et reconnaissable, et les navigateurs modernes en attendent plusieurs versions.
C'est la le piege : une seule image ne suffit plus. Il vous faut un .ico multi-tailles pour les navigateurs classiques, des tailles PNG distinctes, un Apple touch icon pour les ecrans d'accueil iOS, des PNG plus grands pour Android, et un web manifest si le site doit pouvoir etre installe.
Ce generateur construit tout l'ensemble a partir d'une seule image, y compris un vrai .ico multi-tailles, et vous fournit l'extrait HTML exact a glisser dans l'en-tete de votre page, vous n'avez donc rien a assembler ni a ecrire a la main.
Pour un resultat optimal, televersez une image carree d'au moins 512 px, idealement un logo ou une marque simple plutot qu'une photo detaillee, car l'icone est souvent affichee tres petite. Une image non carree est centree et completee jusqu'a former un carre, le detail pres des bords peut donc se retrouver dans les marges.
Vous pouvez eventuellement definir une couleur de fond et le nom de votre site, qui va dans le web manifest utilise lorsque quelqu'un ajoute le site a son ecran d'accueil.
Tout s'execute localement dans votre navigateur avec la Canvas API, votre image n'est donc jamais televersee ; vous telechargez un ZIP avec tous les fichiers et l'extrait a coller.
Intégrer cet outil
Ajoutez cet outil à votre propre site web. Copiez le code ci-dessous. Il reste à jour automatiquement.
<iframe src="https://monu.tools/embed/fr/favicon-generator" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Outils similaires
Générez des hachages SHA-1, SHA-256, SHA-384 et SHA-512 de n'importe quel texte, directement dans votre navigateur.
Convertissez des couleurs entre HEX, RGB et HSL avec un aperçu en direct.
Convertissez les horodatages Unix en dates lisibles et inversement : UTC, heure locale, ISO 8601 et temps relatif. Les secondes et millisecondes sont détectées automatiquement.
Encodez et décodez les URLs et composants d'URL en percent-encoding, compatible UTF-8.