🎨 Générateur de favicon

📖 À propos du Générateur de Favicon

Un favicon (icône favorite) est la petite icône affichée dans les onglets de navigateur, les favoris et la barre d'adresse. Cet outil génère des fichiers .ico multi-résolution optimisés pour tous les navigateurs et appareils.

✨ Fonctionnalités

• Multi-résolution : Génère les tailles 16x16, 32x32 et 48x48 dans un seul fichier .ico
• Format universel : Les fichiers .ico fonctionnent sur tous les navigateurs et systèmes d'exploitation
• Pack complet : icône Apple Touch en option (180x180, fond blanc comme l’exige iOS), icônes Android Chrome (192x192, 512x512) avec un fichier site.webmanifest, et le code HTML correspondant
• Sans déformation : une image non carrée est centrée sur un carré transparent au lieu d’être étirée
• Respect de la vie privée : Tout le traitement se fait dans votre navigateur

🎯 Comment l'utiliser

1. Importer : Cliquez sur la zone d'importation ou glissez-déposez votre image (PNG, JPG ou SVG recommandés)
2. Aperçu : Vérifiez les aperçus générés aux différentes tailles
3. Générer : Cliquez sur "Générer Favicon.ico" pour le .ico seul, ou "Générer le package complet" pour toutes les tailles
4. Télécharger : Enregistrez les fichiers générés sur votre ordinateur
5. Installer : Placez favicon.ico à la racine de votre site web

📐 Spécifications recommandées

• Image source : Format carré (ratio 1:1) ; les autres formats sont centrés avec des marges transparentes
• Taille minimale : 512x512px pour une qualité optimale
• Format : PNG ou SVG recommandé (fonds transparents supportés)
• Couleurs : Designs simples et à fort contraste conseillés pour les petites tailles

🌐 Tailles générées

• 16x16 : Onglets du navigateur et favoris
• 32x32 : Barre des tâches Windows et favoris
• 48x48 : Raccourcis sur le bureau Windows
• 180x180 : Apple Touch Icon (iOS Safari)
• 192x192 : Petite icône Android Chrome
• 512x512 : Grande icône Android Chrome

💡 Conseils d'installation

• Placez favicon.ico à la racine de votre site (ex. : https://votresite.com/favicon.ico)
• Ajoutez dans le HTML : <link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48"> (le pack complet affiche le code complet à copier)
• Renseignez les champs name et short_name du fichier site.webmanifest avec le nom de votre site
• Pour les navigateurs modernes, utilisez également SVG : <link rel="icon" type="image/svg+xml" href="/favicon.svg">
• Videz le cache du navigateur pour voir les changements immédiatement

🔒 Confidentialité et sécurité

• Toute la génération d'images se fait localement dans votre navigateur
• Aucun fichier n'est téléchargé sur un serveur
• Vos images ne quittent jamais votre appareil
• Traitement 100 % côté client avec HTML5 Canvas