Générateur de favicon
Transformez n'importe quelle image en pack de favicons complet — favicon.ico, toutes les tailles PNG, icônes Apple touch et manifeste web.
Comment utiliser Générateur de favicon
- Téléversez une image — idéalement carrée et d'au moins 256×256.
- L'outil génère chaque taille d'icône, le favicon.ico et un manifeste web.
- Téléchargez le ZIP et suivez le README fourni pour ajouter les icônes à votre site.
À propos de Générateur de favicon
Cet outil construit à partir d'une seule image l'ensemble complet des icônes dont un site web a besoin, pour vous éviter d'exporter une dizaine de tailles à la main. Téléversez une image, et l'outil génère favicon.ico (une véritable icône multi-résolution contenant les versions 16×16, 32×32 et 48×48), chaque PNG autonome de 16×16 à 512×512, toute la gamme des icônes Apple touch pour iPhone et iPad, les deux icônes Android/PWA, un fichier site.webmanifest, et un README contenant le code HTML exact à coller dans le head de votre page. Chaque fichier porte un nom standard et explicite — favicon-32x32.png, apple-touch-icon-180x180.png, android-chrome-512x512.png — pour s'intégrer directement dans n'importe quel projet.
Deux détails sont traités avec soin plutôt qu'à la va-vite. La source est ajustée à un carré sans déformation : une image non carrée est centrée sur un canevas carré plutôt qu'étirée, de sorte que rien n'est écrasé ni coupé. Et la transparence est respectée là où elle doit l'être, et supprimée là où il le faut : les PNG de favicon conservent leur fond transparent, tandis que les icônes Apple touch sont aplaties sur du blanc, car iOS affiche une apple-touch-icon transparente en noir plein sur l'écran d'accueil. Une source carrée en haute résolution donne le résultat le plus net ; le minuscule 16×16 est accentué lors de la mise à l'échelle, mais rien ne peut ajouter des détails qu'un original petit ou flou ne possède pas.
Votre image est traitée sur le serveur puis supprimée avec toutes les icônes qu'elle a produites — rien n'est conservé ni consigné. Le favicon.ico utilise le format PNG-dans-ICO que tous les navigateurs actuels savent lire. Si votre visuel est un SVG, exportez-le d'abord en PNG avant de le téléverser ; cet outil travaille sur des images matricielles afin que le résultat reste prévisible. Vous travaillez déjà sur des images ? Consultez le compresseur d'images ou le convertisseur PNG en JPG.
Questions fréquentes
Quels fichiers contient le téléchargement ?
Un favicon.ico (contenant les versions 16, 32 et 48 pixels), des PNG autonomes de 16×16 à 512×512, des icônes Apple touch (de 57 à 180 pixels), les android-chrome 192 et 512, un site.webmanifest, et un README.txt avec l'extrait HTML à coller dans le head de votre page.
Quelle taille et quelle forme mon image doit-elle avoir ?
Une image carrée est idéale, d'au moins 256×256, de préférence 512×512, pour que même la plus grande icône reste nette. Une image non carrée est centrée sur un canevas carré sans déformation, donc elle fonctionne quand même — elle laisse simplement des marges transparentes sur les côtés les plus longs.
Comment ajouter le favicon à mon site web ?
Téléversez les fichiers dans le dossier racine de votre site et collez les quelques lignes du README.txt fourni dans le <head> de vos pages. Cela couvre les navigateurs, iOS, Android et les installations en PWA.
Pourquoi mon icône apparaît-elle sur fond blanc sur iPhone ?
Les icônes Apple touch ne peuvent pas être transparentes — iOS affiche les zones transparentes en noir, donc cet outil les aplatit sur du blanc. Les PNG de favicon classiques conservent leur transparence pour les onglets de navigateur.
Puis-je téléverser un SVG ?
Pas directement. Cet outil fonctionne avec des images matricielles — PNG, JPG, WebP ou GIF — afin que le résultat reste prévisible. Si vous avez un SVG, exportez-le d'abord en PNG à 512×512, puis téléversez ce fichier.
Mon image est-elle conservée sur le serveur ?
Non. Elle est traitée pour construire les icônes puis supprimée immédiatement, ainsi que tous les fichiers générés. Rien n'est stocké ni consigné.