Générateur de favicon
Transformez une seule image en toutes les icônes dont votre site a besoin : un favicon.ico multi-tailles, des favicons PNG, l'icône Apple touch, les icônes Android/Chrome et un manifeste web — le tout réuni dans un ZIP unique avec le code HTML prêt à coller. Tout s'exécute dans votre navigateur, votre création n'est donc jamais envoyée.
Comment générer un favicon
- Ajoutez votre logo ou votre visuel ci-dessus — un PNG ou un SVG carré donne les meilleurs résultats.
- Choisissez comment mettre au carré les images non carrées, sélectionnez une couleur de fond, puis vérifiez les aperçus en 16, 32 et 48 pixels.
- Téléchargez le ZIP, placez les fichiers à la racine de votre site et collez l'extrait de code HTML dans votre <head>.
À propos des favicons
Le favicon est la petite icône que les navigateurs affichent dans les onglets, les favoris, l'historique et les résultats de recherche. Un site moderne en a besoin en plusieurs tailles et formats : un .ico classique pour les onglets et les anciens navigateurs, des PNG pour les écrans haute densité, une icône Apple touch de 180×180 pour l'écran d'accueil iOS, et des icônes de 192/512 pixels référencées par le manifeste web pour Android et les installations PWA.
Ce générateur écrit le .ico comme une véritable icône multi-tailles (16, 32 et 48 pixels dans un seul fichier, stockées en entrées BMP classiques pour une compatibilité maximale) et réduit votre image par paliers préservant la qualité, pour qu'elle reste nette même en 16 pixels. Le site.webmanifest et l'extrait de code HTML fournis respectent les noms de fichiers attendus par tous les navigateurs et robots d'indexation.
Questions fréquentes
Quels fichiers le pack contient-il ?
Un favicon.ico contenant les tailles 16, 32 et 48 pixels, favicon-16x16.png et favicon-32x32.png, apple-touch-icon.png (180×180), les icônes android-chrome en 192×192 et 512×512, et un site.webmanifest — plus un extrait de code HTML à copier-coller qui les référence tous.
De quelle image faut-il partir ?
Une image carrée d'au moins 512×512 pixels donne les meilleurs résultats. Si la vôtre n'est pas carrée, vous pouvez soit la rogner au carré, soit l'ajuster avec des marges — les aperçus en direct montrent exactement le rendu en 16, 32 et 48 pixels.
Pourquoi l'icône Apple touch n'est-elle pas transparente ?
iOS affiche les zones transparentes en noir : l'icône Apple touch est donc aplatie sur la couleur de fond que vous choisissez. Toutes les autres icônes conservent la transparence de votre image.
Mon image est-elle envoyée ?
Non. Les icônes sont redimensionnées, assemblées dans le conteneur .ico et compressées en ZIP entièrement dans votre navigateur ; votre image ne quitte jamais votre appareil.