Générateur de Favicon
Une image carrée donne les meilleurs résultats. PNG, JPG, SVG et WebP sont pris en charge.
Outils externes associés
Certains liens sont des liens d'affiliation.
Outils associés
Transformez n'importe quelle image en un ensemble complet de favicons — ces petites icônes que les navigateurs affichent dans les onglets, les favoris et sur les écrans d'accueil des téléphones. Importez une image, téléchargez chaque taille en PNG et copiez le code HTML et le manifest prêts à l'emploi pour les intégrer à votre site. Tout se passe dans votre navigateur ; votre image n'est jamais envoyée.
Comment l'utiliser
- Choisissez une image — un logo ou une icône carrée donne le meilleur résultat.
- Sélectionnez un arrière-plan transparent ou blanc pour les icônes.
- Téléchargez chaque taille PNG et copiez le code HTML et le manifest dans votre site.
Fonctionnement
Votre image est dessinée sur un canvas à chaque taille requise — 16 et 32 pixels pour les onglets de navigateur, 48 pour Windows, 180 pour les icônes tactiles Apple, et 192 et 512 pour Android et les PWA. La réduction à partir d'une source large et carrée permet de conserver des icônes nettes. Le code HTML indique ensuite aux navigateurs où trouver chaque fichier.
Fonctionnalités
Toutes les tailles dont vous avez besoin
Génère l'ensemble complet — 16, 32, 48, 180, 192 et 512 pixels — en une seule opération.
Navigateur, Apple et Android
Inclut les icônes apple-touch-icon et Android/PWA, pas seulement le favicon classique d'onglet.
Codes prêts à l'emploi
Copiez les balises HTML link et un site.webmanifest minimal pour que la configuration se résume à un simple collage.
Transparent ou blanc
Conservez la transparence ou aplatissez sur fond blanc selon vos besoins.
Entièrement local
Les images sont traitées dans votre navigateur et ne sont jamais envoyées à un serveur.
Quand l'utiliser
Nouveau site web
Ajoutez un favicon soigné lors du lancement d'un site pour qu'il soit complet dans les onglets.
Icônes PWA
Générez les icônes de 192 et 512 pixels dont une application web progressive a besoin pour l'écran d'accueil.
Rebranding
Remplacez le nouveau logo sur toutes les tailles de favicon en une seule opération lors d'un changement de marque.
Blog ou portfolio
Donnez à votre site personnel une icône reconnaissable qui se distingue parmi les onglets ouverts.
Notes
- Une image source carrée évite l'étirement ; les images non carrées sont centrées avec un rembourrage.
- Les arrière-plans transparents sont préservés dans le PNG généré.
- Placez les fichiers téléchargés à la racine de votre site et ajoutez le code dans le head de la page.
- Tout le traitement s'effectue sur votre appareil ; votre image n'est jamais envoyée.
Questions fréquentes
- Ai-je encore besoin d'un fichier .ico ?
- Les navigateurs modernes acceptent les favicons PNG via les balises link fournies ici, donc un .ico est généralement optionnel. Les PNG de 16 et 32 pixels couvrent les icônes d'onglet.
- Quelles tailles sont générées ?
- 16, 32 et 48 pour les navigateurs, 180 pour les icônes tactiles Apple, et 192 et 512 pour Android et les applications web progressives.
- Puis-je conserver la transparence ?
- Oui. Choisissez l'arrière-plan transparent et les PNG conserveront leur canal alpha. Choisissez blanc pour aplatir sur un fond uni.
- Comment les ajouter à mon site ?
- Placez les fichiers téléchargés à la racine du site et collez le code HTML dans le head de vos pages, ainsi que le manifest pour les PWA.
- Mon image est-elle envoyée à un serveur ?
- Non. L'image est traitée entièrement dans votre navigateur et ne quitte jamais votre appareil.