Générateur de favicon à partir de n'importe quelle image
Transformez un logo en favicons PNG de 16×16 à 512×512, icônes Apple et Android, avec manifest.json et code HTML dans un ZIP.
Chargement de Générateur de favicon…
Vos fichiers ne quittent jamais votre appareil
Comment utiliser Générateur de favicon
- 1
Ouvrez Générateur de favicon sur cette page. Il se charge directement dans votre navigateur.
- 2
Ajoutez votre fichier, texte ou valeurs et ajustez les réglages.
- 3
Copiez ou téléchargez le résultat. Rien n'est envoyé ni stocké.
Comment créer un favicon pour votre site
Le générateur de favicon de WoowTools transforme un seul logo ou une seule image en jeu d'icônes complet pour un site moderne : les petits favicons PNG affichés dans les onglets du navigateur, les icônes Apple touch pour l'écran d'accueil de l'iPhone et de l'iPad, et les icônes Android Chrome pour les applications web progressives (PWA). Téléchargez chaque icône séparément ou tout d'un coup dans un ZIP qui contient aussi un manifest.json prêt à l'emploi et un extrait HTML avec les balises link à coller dans l'en-tête de vos pages. Tout se fait dans votre navigateur : votre logo n'est jamais envoyé.
Tailles de favicon disponibles
- 16×16 et 32×32 : onglets, favoris et historique (standard et Retina).
- 48×48 et 64×64 : icônes de site et barre des tâches Windows.
- 96×96 : Google TV ; 128×128 : Chrome Web Store.
- 152×152, 167×167 et 180×180 : icônes Apple touch pour iPad, iPad Pro et iPhone.
- 192×192 et 512×512 : icônes Android Chrome et d'installation PWA.
Sept tailles sont présélectionnées (16, 32, 48, 152, 180, 192 et 512), ce qui couvre la quasi-totalité des sites. Cochez ou décochez les tailles, ou utilisez Select All et Deselect All.
Comment créer un favicon
- Importez votre logo en PNG, JPG, SVG, WebP ou autre format d'image (10 Mo maximum). Une image carrée d'au moins 512×512 pixels donne le rendu le plus net.
- Choisissez une couleur de fond. Elle remplit les zones transparentes et l'espace vide autour d'un logo non carré. Blanc, noir, bleu, vert, ambre ou rouge en un clic, ou n'importe quelle couleur.
- Sélectionnez les tailles voulues et lancez la génération. Chaque icône s'affiche en aperçu pour vérifier sa lisibilité en petit.
- Téléchargez les PNG un par un, ou tout d'un coup dans favicons.zip.
- Placez les fichiers à la racine de votre site et collez les lignes de html-snippet.html dans la balise <head> de vos pages.
Contenu du ZIP
Le ZIP réunit tous les PNG générés avec des noms conventionnels (par exemple favicon-32x32.png, apple-touch-icon-180x180.png ou android-chrome-512x512.png), un manifest.json qui liste les icônes Android et reprend votre couleur de fond comme couleur de thème, ainsi qu'un extrait HTML avec les balises link des icônes 16, 32, 180, 192 et 512 pixels, du manifest et une balise meta theme-color. Pensez à modifier le nom de l'application dans le manifest.json avant publication.
Conseils pour un favicon réussi
- Simplifiez. Un logo complet avec slogan devient illisible en 16 px. Gardez le symbole ou l'initiale et vérifiez les aperçus 16 et 32 px.
- Partez d'un carré. L'image est réduite pour tenir dans le carré et centrée, sans déformation. Recadrez d'abord un logo large avec le recadreur d'image pour qu'il remplisse l'icône.
- Logo vectoriel ? Exportez-le en grand PNG avec le convertisseur SVG en PNG, ou créez un symbole simple avec le créateur de logo.
- Choisissez le fond avec soin. Les icônes générées ont un fond uni : prenez une couleur de votre charte ou qui reste lisible en thème clair comme en thème sombre.
Pourquoi utiliser ce générateur
Il est gratuit, sans compte et n'ajoute aucune marque à vos icônes. Chaque taille étant dessinée sur un canevas dans votre navigateur, votre logo encore confidentiel reste sur votre machine et le jeu complet est prêt en une seconde.
Fonctionnalités
- 11 tailles d'icône de 16×16 à 512×512 px
- Icônes Apple touch (152, 167, 180) et Android Chrome (192, 512)
- ZIP avec manifest.json et extrait HTML des balises link
- Couleur de fond pour les zones transparentes ou vides
- Proportions du logo conservées et image centrée
- Traitement dans le navigateur, logo jamais envoyé
Questions fréquentes
Comment créer un favicon pour mon site ?
Importez un logo carré, choisissez la couleur de fond et les tailles, générez puis téléchargez le ZIP. Placez les PNG sur votre site et collez l'extrait HTML fourni dans l'en-tête des pages.
Quelle taille doit faire un favicon ?
Les navigateurs utilisent 16×16 et 32×32 px dans les onglets, iOS une apple-touch-icon de 180×180 px et Android des icônes de 192×192 et 512×512 px. L'outil génère toutes ces tailles à partir d'une image.
L'outil crée-t-il un fichier favicon.ico ?
Non. Il génère des favicons PNG, pris en charge par tous les navigateurs modernes grâce aux balises link de l'extrait HTML fourni.
Un manifest.json est-il inclus ?
Oui. Le ZIP contient un manifest.json qui liste les icônes Android avec votre couleur de fond comme couleur de thème. Modifiez le nom de l'application avant publication.
Le favicon peut-il avoir un fond transparent ?
Le générateur remplit les zones transparentes avec la couleur de fond choisie : les icônes ont donc toujours un fond uni, visible en thème clair comme sombre.
Quelle image donne le meilleur résultat ?
Un logo ou symbole simple et carré d'au moins 512×512 pixels. Les textes fins et les traits minces disparaissent à 16 pixels.
Mon logo est-il envoyé sur un serveur ?
Non. Toutes les icônes sont créées dans votre navigateur et le fichier ne quitte pas votre appareil.