Generateur de
favicon
pack complet
Uploadez un PNG ou SVG, telechargez un pack complet avec favicon.ico, toutes les tailles PNG, site.webmanifest et browserconfig.xml. 100% local, rien n'est envoye au serveur.
pour votre identite visuelle ? Contactez-nous
Tout savoir sur les favicons
Que contient le pack ?
Le pack inclut un fichier favicon.ico multi-resolution (16, 32, 48 px), des PNG pour toutes les tailles standard (Apple Touch Icon 180px, Android Chrome 192px et 512px, Microsoft Tile 150px), un placeholder Open Graph 1200x630, un fichier site.webmanifest pour les PWA et un browserconfig.xml pour Microsoft Edge et IE.
Webmanifest et browserconfig
Le fichier site.webmanifest est essentiel pour les Progressive Web Apps (PWA). Il declare les icones Android et le nom de votre application. Le browserconfig.xml permet a Microsoft Edge et aux anciens IE d'afficher correctement votre icone dans les tuiles et favoris.
PNG ou SVG ?
Le PNG est le format le plus compatible, supporte par tous les navigateurs. Le SVG est ideal comme source car il est vectoriel et sera redimensionne sans perte. Uploadez un SVG pour des favicons nets a toutes les tailles, ou un PNG d'au moins 512x512 px pour un bon rendu.
Comment integrer vos favicons
Integration HTML
Decompressez le ZIP a la racine de votre site et ajoutez le snippet HTML (fourni dans le README.txt) dans la balise <head> de vos pages. Les navigateurs detecteront automatiquement les differentes tailles et formats.
Ce que contient le pack généré
Le ZIP téléchargé contient l’ensemble des fichiers attendus par les navigateurs et plateformes modernes. Le fichier favicon.ico est un conteneur multi-résolution intégrant les tailles 16, 32 et 48 pixels c’est le format historique reconnu par tous les navigateurs y compris les plus anciens. Les fichiers PNG couvrent les besoins spécifiques à chaque contexte : l’apple-touch-icon en 180×180 pixels pour l’écran d’accueil iOS, les deux tailles Android Chrome pour le manifeste PWA, et la tuile Windows en 150×150 pour le browserconfig. Un placeholder Open Graph en 1200×630 pixels est également inclus comme base de travail.
site.webmanifest et browserconfig.xml : pourquoi ils comptent
Ces deux fichiers sont systématiquement oubliés dans les mises en ligne et génèrent des erreurs 404 dans les outils d’audit comme Google Search Console et Lighthouse. Le site.webmanifest est requis pour les Progressive Web Apps et contrôle l’apparence de l’icône et du splash screen lors de l’ajout en écran d’accueil sur Android. Le browserconfig.xml définit la tuile affichée dans le menu Démarrer de Windows 10 et 11 lorsqu’un utilisateur épingle le site. Les deux sont générés automatiquement et inclus dans le ZIP.
PNG ou SVG : quel format source utiliser
Le SVG est le format idéal si vous l’avez disponible : étant vectoriel, il produit des résultats parfaitement nets à toutes les tailles, de 16 à 512 pixels, sans aucune perte de qualité. Le PNG fonctionne très bien si sa résolution source est suffisante un minimum de 512×512 pixels est recommandé pour éviter la pixellisation sur les grandes tailles. Une icône trop complexe (texte fin, détails nombreux) peut devenir illisible en 16×16 : l’aperçu multi-taille affiché avant génération vous permet de le vérifier avant de télécharger le pack.
Comment intégrer le favicon dans votre site
Le fichier README.txt inclus dans le ZIP contient le snippet HTML complet à coller dans le head de votre site. Tous les fichiers PNG, ICO, webmanifest et browserconfig doivent être placés à la racine de votre serveur web c’est-à-dire dans public_html/ ou www/, pas dans un sous-dossier. Sur WordPress, la racine correspond au répertoire d’installation de WordPress, accessible via FTP ou le gestionnaire de fichiers de votre hébergeur. Certains thèmes proposent un champ « favicon » dans leurs options dans ce cas, uploadez uniquement l’apple-touch-icon.png ou le PNG 512×512 via cette interface.
Questions fréquentes
Tout savoir sur les favicons.
512×512 pixels minimum en PNG. En dessous, les grandes tailles générées (512px pour le manifest, 180px pour iOS) seront pixellisées. Si vous avez le fichier SVG du logo, utilisez-le directement — il n'a pas de contrainte de résolution.
Vérifiez que tous les fichiers sont bien à la racine du site (pas dans un sous-dossier). Videz le cache de votre navigateur — les favicons sont fortement mis en cache, un Ctrl+Shift+R force le rechargement. Sur WordPress, videz également le cache de votre plugin de cache si vous en utilisez un. Vérifiez que le snippet HTML est bien présent dans le head via Affichage de la page.
Non. La génération est entièrement réalisée dans votre navigateur via l'API Canvas. Votre image source ne quitte jamais votre appareil. Aucun fichier n'est transmis à nos serveurs ni stocké.
Ça dépend du contexte. Le favicon.ico et les PNG classiques supportent la transparence — utile si votre logo s'adapte à différents fonds de navigateur. L'apple-touch-icon et la tuile Windows sont générés avec fond blanc par défaut, car iOS et Windows affichent ces icônes sur fond coloré et la transparence donne un rendu imprévisible.
Les favicons sont generes directement dans votre navigateur via l'API Canvas et les bibliotheques JSZip et icojs. Aucune image n'est transmise ni conservee par Osmova. Osmova ne peut etre tenu responsable de l'utilisation des fichiers generes via cet outil. Conditions d'utilisation