Qu'est-ce qu'une favicon ?
Un favicon (abréviation de icône préférée) est la petite icône affichée dans les onglets du navigateur, les signets et les écrans d'accueil mobiles de votre site Web. Les navigateurs et appareils modernes s'attendent à plusieurs tailles allant de 16 x 16 pixels pour les onglets du navigateur à 512 x 512 pour les écrans de démarrage PWA. Cet outil génère toutes les tailles courantes à partir d'une image source unique ainsi que du code HTML et du manifeste Web dont vous avez besoin.
Comment générer des favicons
- 1Téléchargez une image source (PNG, JPG ou SVG). Les images carrées fonctionnent mieux.
- 2Ajustez la couleur d’arrière-plan, le remplissage et le rayon de la bordure pour personnaliser la sortie.
- 3Prévisualisez toutes les tailles générées de 16x16 à 512x512.
- 4Téléchargez des tailles individuelles ou cliquez sur Download All pour obtenir chaque favicon en même temps.
- 5Copiez les extraits HTML et du manifeste dans votre projet.
Cas d'utilisation courants
Image de marque du site Web
Créez des favicons cohérents pour les onglets du navigateur, les signets et les aperçus des liens.
Icônes PWA
Générez les icônes 192 x 192 et 512 x 512 requises pour les manifestes de Progressive Web App.
Icônes tactiles Apple
Créez l'icône 180x180 pour les favoris de l'écran d'accueil iOS.
Questions fréquentes
Quel format d'image dois-je télécharger ?
PNG ou SVG sont les meilleurs pour des résultats nets. JPG fonctionne mais peut introduire des artefacts de compression pour les petites tailles.
Est-ce que cela génère des fichiers .ico ?
Cet outil génère des favicons PNG, qui constituent la norme moderne. La plupart des navigateurs prennent en charge les favicons PNG. Pour l'ancien format .ico, vous pouvez convertir la sortie PNG 32x32.
De quelles tailles ai-je réellement besoin ?
Au minimum : 16 x 16 et 32 x 32 pour les onglets du navigateur, 18 0x180 pour l'icône Apple Touch et 192 x 192 + 512 x 512 pour le manifeste PWA.